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:
console.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:
for (let node of elem.childNodes) {
console.log(node);
}
Givet en div:
<div id="elem">txt<b>tag</b><!--com-->txt<b>tag</b><!--com--></div>
Iterera med en loop över alla noder i denna div och skriv ut dem till konsolen.
