Vlastnost childNodes

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

Syntaxe

javascriptelement.childNodes;

Příklad

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

html<div id="parent">text<p>parag</p><!--com--></div>
javascriptlet parent = document.querySelector('#parent');
let nodes = parent.childNodes;

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

Příklad

Vypíšeme obsah prvního uzlu:

html<div id="parent">text<p>parag</p><!--com--></div>
javascriptlet parent = document.querySelector('#parent');
console.log(parent.childNodes[0].textContent);

Výsledek provedení kódu:

javascript'text'

Příklad

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

html<div id="parent">text<p>parag</p><!--com--></div>
javascriptlet parent = document.querySelector('#parent');
console.log(parent.childNodes[2].textContent);

Výsledek provedení kódu:

javascript'com'

Viz také

  • vlastnost children,
    která obsahuje podřízené elementy
  • vlastnost firstChild,
    která obsahuje první uzel
  • vlastnost lastChild,
    která obsahuje poslední uzel