Het doorlopen van nodes met een loop in JavaScript
Zoals je al moet weten, bevat de eigenschap children
alle DOM-elementen die directe
afstammelingen van het gegeven element zijn. Er bestaat een analoge
eigenschap childNodes, die
alle afstammeling-nodes van het element bevat.
Laten we, bijvoorbeeld, met behulp van deze eigenschap verschillende nodes uit ons element weergeven:
console.log(elem.childNodes[0]);
console.log(elem.childNodes[1]);
console.log(elem.childNodes[2]);
En laten we nu de nodes van het element doorlopen met een loop:
for (let node of elem.childNodes) {
console.log(node);
}
Gegeven een div:
<div id="elem">txt<b>tag</b><!--com-->txt<b>tag</b><!--com--></div>
Doorloop met een loop alle nodes van deze div en geef ze weer in de console.
