Gjennomgang av noder med loop i JavaScript

Som du allerede bør vite, inneholder egenskapen children alle DOM-elementer som er umiddelbare etterkommere av dette elementet. Det finnes en tilsvarende egenskap childNodes, som inneholder alle etterkommernoder av elementet.

La oss for eksempel ved hjelp av denne egenskapen skrive ut ulike noder fra vårt element:

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

Og la oss nå gå gjennom 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>