Att iterera över noder med loop i JavaScript

Som du redan borde veta, innehåller egenskapen children alla DOM-element som är omedelbara avkommor till det givna elementet. Det finns en liknande egenskap childNodes, som innehåller alla avkommanoder till elementet.

Låt oss till exempel använda denna egenskap för att skriva ut olika noder från vårt element:

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

Och låt oss nu iterera över 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>