Vlastnosť childNodes

Vlastnosť childNodes uchováva pseudopole podriadených uzlov elementu (tagy, komentáre a textové uzly).

Syntax

javascriptelement.childNodes;

Príklad

Získame všetky podriadené uzly elementu a vypíšeme ich 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);
}

Príklad

Vypíšeme obsah prvého uzla:

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

Výsledok vykonania kódu:

javascript'text'

Príklad

Vypíšeme obsah uzla s číslom 2:

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

Výsledok vykonania kódu:

javascript'com'

Pozrite tiež

  • vlastnosť children,
    ktorá obsahuje podriadené elementy
  • vlastnosť firstChild,
    ktorá obsahuje prvý uzol
  • vlastnosť lastChild,
    ktorá obsahuje posledný uzol