Iterando nós com loop em JavaScript
Como você já deve saber, a propriedade children
contém todos os elementos DOM que são filhos diretos
desse elemento. Existe uma propriedade análoga
childNodes, que contém
todos os nós filhos do elemento.
Vamos, por exemplo, usando esta propriedade exibir os vários nós do nosso elemento:
console.log(elem.childNodes[0]);
console.log(elem.childNodes[1]);
console.log(elem.childNodes[2]);
E agora vamos iterar os nós do elemento com um loop:
for (let node of elem.childNodes) {
console.log(node);
}
Dado o div:
<div id="elem">txt<b>tag</b><!--com-->txt<b>tag</b><!--com--></div>
Itere com loop todos os nós deste div e exiba-os no console.
