Vlastnost childNodes

Vlastnost childNodes obsahuje pseudopole podřízených uzlů elementu (tagy, komentáře a textové uzly).

Syntaxe

element.childNodes;

Získáme všechny podřízené uzly elementu a vypíšeme jejich obsah:

<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);
}

Vypíšeme obsah prvního uzlu:

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

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

Výsledek provedení kódu:

'text'

Vypíšeme obsah uzlu s číslem 2:

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

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

Výsledek provedení kódu:

'com'