De eigenschap childNodes
De eigenschap childNodes bevat een
pseudo-array
van kinderknooppunten van het element (tags, commentaren
en tekstknooppunten).
Syntaxis
element.childNodes;
Voorbeeld
Laten we alle kindknooppunten van het element verkrijgen en hun inhoud op het scherm weergeven:
<div id="parent">tekst<p>alinea</p><!--com--></div>
let 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:
<div id="parent">tekst<p>alinea</p><!--com--></div>
let parent = document.querySelector('#parent');
console.log(parent.childNodes[0].textContent);
Resultaat van het uitvoeren van de code:
'tekst'
Voorbeeld
Laten we de inhoud weergeven van het knooppunt met nummer 2:
<div id="parent">tekst<p>alinea</p><!--com--></div>
let parent = document.querySelector('#parent');
console.log(parent.childNodes[2].textContent);
Resultaat van het uitvoeren van de code:
'com'
Zie ook
-
de eigenschap
children,
die kindelementen bevat -
de eigenschap
firstChild,
die het eerste knooppunt bevat -
de eigenschap
lastChild,
die het laatste knooppunt bevat
