Właściwość childNodes

Właściwość childNodes przechowuje pseudotablicę węzłów potomnych elementu (znaczniki, komentarze i węzły tekstowe).

Składnia

javascriptelement.childNodes;

Przykład

Pobierzmy wszystkie węzły potomne elementu i wyświetlmy ich zawartość:

html<div id="parent">tekst<p>parag</p><!--com--></div>

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

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

Przykład

Wyświetlmy zawartość pierwszego węzła:

html<div id="parent">tekst<p>parag</p><!--com--></div>

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

Wynik wykonania kodu:

javascript'tekst'

Przykład

Wyświetlmy zawartość węzła o numerze 2:

html<div id="parent">tekst<p>parag</p><!--com--></div>

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

Wynik wykonania kodu:

javascript'com'

Zobacz też