Свойство childNodes в JavaScript

Свойство childNodes хранит в себе псевдомассив дочерних узлов элемента (теги, комментарии и текстовые узлы).

Синтаксис

элемент.childNodes

Пример

Получим все дочерние узлы элемента и выведем на экран их содержимое:

<div id="parent">текст<p>абзац</p><!-- коментарий --></div>
let parent = document.querySelector('#parent');
let nodes = parent.childNodes;
for (let node of nodes) {
console.log(node.textContent);
}

Пример

Выведем содержимое первого узла:

<div id="parent">текст<p>абзац</p><!-- коментарий --></div>
let parent = document.querySelector('#parent');
console.log(parent.childNodes[0].textContent);  // текст

Пример

Выведем содержимое узла с номером 2:

<div id="parent">текст<p>абзац</p><!-- коментарий --></div>
let parent = document.querySelector('#parent');
console.log(parent.childNodes[2].textContent);  // коментарий