Parcours des nœuds en boucle en JavaScript
Comme vous devez déjà le savoir, la propriété children
contient tous les éléments DOM qui sont des descendants
immédiats de cet élément. Il existe une propriété similaire
childNodes, qui contient
tous les nœuds descendants de l'élément.
Par exemple, utilisons cette propriété pour afficher les différents nœuds de notre élément :
console.log(elem.childNodes[0]);
console.log(elem.childNodes[1]);
console.log(elem.childNodes[2]);
Et maintenant, parcourons les nœuds de l'élément avec une boucle :
for (let node of elem.childNodes) {
console.log(node);
}
Étant donné une div :
<div id="elem">txt<b>tag</b><!--com-->txt<b>tag</b><!--com--></div>
Parcourez en boucle tous les nœuds de cette div et affichez-les dans la console.
