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:
console.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:
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>
Gennemløb alle noder i denne div med en loop og udskriv dem i konsollen.
