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:
console.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:
for (let node of elem.childNodes) {
console.log(node);
}
Gitt en div:
<div id="elem">txt<b>tag</b><!--com-->txt<b>tag</b><!--com--></div>
Gå gjennom alle noder i denne diven med en loop og skriv dem ut i konsollen.
