Svojstvo childNodes

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

Sintaksa

element.childNodes;

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

<div id="parent">tekst<p>paragraf</p></div>

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

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

Ispisujemo sadržaj prvog čvora:

<div id="parent">tekst<p>paragraf</p></div>

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

Rezultat izvršenja koda:

'tekst'

Ispisujemo sadržaj čvora broj 2:

<div id="parent">tekst<p>paragraf</p></div>

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

Rezultat izvršenja koda:

'komentar'