Gennemløb af noder med loop i JavaScript

Som du allerede burde vide, indeholder egenskaben children alle DOM-elementer, som er umiddelbare efterkommere af dette element. Der findes en analog egenskab childNodes, som indeholder alle efterkommer-noder af elementet.

Lad os for eksempel ved hjælp af denne egenskab udskrive forskellige noder fra vores element:

javascriptconsole.log(elem.childNodes[0]);
console.log(elem.childNodes[1]);
console.log(elem.childNodes[2]);

Og lad os nu gennemløbe elementets noder med en 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>