Recorriendo nodos con un bucle en JavaScript
Como ya debes saber, en la propiedad children
se encuentran todos los elementos DOM que son hijos directos
de este elemento. Existe una propiedad análoga
childNodes, que contiene
todos los nodos hijos del elemento.
Vamos, por ejemplo, usando esta propiedad a mostrar varios nodos de nuestro elemento:
console.log(elem.childNodes[0]);
console.log(elem.childNodes[1]);
console.log(elem.childNodes[2]);
Y ahora vamos a recorrer los nodos del elemento con un bucle:
for (let node of elem.childNodes) {
console.log(node);
}
Dado un div:
<div id="elem">txt<b>tag</b><!--com-->txt<b>tag</b><!--com--></div>
Recorra con un bucle todos los nodos de este div y muestre en la consola.
