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:

javascriptconsole.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:

javascriptfor (let node of elem.childNodes) {
  console.log(node);
}

html<div id="elem">txt<b>tag</b><!--com-->txt<b>tag</b><!--com--></div>