De eigenschap childNodes

De eigenschap childNodes bevat een pseudo-array van kinderknooppunten van het element (tags, commentaren en tekstknooppunten).

Syntaxis

javascriptelement.childNodes;

Voorbeeld

Laten we alle kindknooppunten van het element verkrijgen en hun inhoud op het scherm weergeven:

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

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

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

Voorbeeld

Laten we de inhoud van het eerste knooppunt weergeven:

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

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

Resultaat van het uitvoeren van de code:

javascript'tekst'

Voorbeeld

Laten we de inhoud weergeven van het knooppunt met nummer 2:

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

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

Resultaat van het uitvoeren van de code:

javascript'com'

Zie ook