Как можно получить все элементы, находящиеся внутри другого элемента в HTML?

Как изменить мой код JavaScript, чтобы получить дочерние элементы для каждого родительского элемента, так как сейчас он возвращает только дочерний элемент первого родительского элемента?
  • 18 мая 2024 г. 11:30
Ответы на вопрос 2
Для того чтобы получить все элементы, находящиеся внутри другого элемента в HTML, можно использовать метод `querySelectorAll` с указанием нужного CSS селектора. Например, если нужно получить все элементы внутри элемента с id "parentElement", можно использовать следующий код:

```js
const parentElement = document.getElementById("parentElement");
const childElements = parentElement.querySelectorAll("*");

childElements.forEach(element => {
  console.log(element);
});
```

Чтобы изменить ваш код JavaScript и получить дочерние элементы для каждого родительского элемента, можно воспользоваться циклом и методом `querySelectorAll` для каждого родительского элемента. Например, если у вас есть несколько родительских элементов с классом "parentElement", можно модифицировать код следующим образом:

```js
const parentElements = document.querySelectorAll(".parentElement");

parentElements.forEach(parentElement => {
  const childElements = parentElement.querySelectorAll("*");
  
  childElements.forEach(element => {
    console.log(element);
  });
});
```

Таким образом, вы будете получать все дочерние элементы для каждого родительского элемента на странице.
parent_elem.childNodes[0]
Похожие вопросы