Svojstvo childNodes

Svojstvo childNodes u sebi čuva pseudoniz podređenih čvorova elementa (tagovi, komentari i tekstualni čvorovi).

Sintaksa

javascriptelement.childNodes;

Primer

Dobijamo sve podređene čvorove elementa i ispisujemo na ekran njihov sadržaj:

html<div id="parent">tekst<p>paragraf</p><!--komentar--></div>

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

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

Primer

Ispisujemo sadržaj prvog čvora:

html<div id="parent">tekst<p>paragraf</p><!--komentar--></div>

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

Rezultat izvršenja koda:

javascript'tekst'

Primer

Ispisujemo sadržaj čvora broj 2:

html<div id="parent">tekst<p>paragraf</p><!--komentar--></div>

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

Rezultat izvršenja koda:

javascript'komentar'

Pogledajte takođe