Свойство childNodes

Свойството childNodes съхранява в себе си псевдомасив от дъщерни възли на елемента (тагове, коментари и текстови възли).

Синтаксис

елемент.childNodes;

Нека получим всички дъщерни възли на елемента и изведем на екрана тяхното съдържание:

<div id="parent">text<p>parag</p></div>

let parent = document.querySelector('#parent');
let nodes = parent.childNodes;

for (let node of nodes) {
	console.log(node.textContent);
}

Нека изведем съдържанието на първия възел:

<div id="parent">text<p>parag</p></div>

let parent = document.querySelector('#parent');
console.log(parent.childNodes[0].textContent);

Резултат от изпълнението на кода:

'text'

Нека изведем съдържанието на възел с номер 2:

<div id="parent">text<p>parag</p></div>

let parent = document.querySelector('#parent');
console.log(parent.childNodes[2].textContent);

Резултат от изпълнението на кода:

'com'