Iterazione dei nodi con ciclo in JavaScript
Come dovresti già sapere, nella proprietà children
sono contenuti tutti gli elementi DOM che sono figli diretti
di questo elemento. Esiste una proprietà analoga
childNodes, che contiene
tutti i nodi discendenti dell'elemento.
Ad esempio, utilizziamo questa proprietà per visualizzare i vari nodi del nostro elemento:
console.log(elem.childNodes[0]);
console.log(elem.childNodes[1]);
console.log(elem.childNodes[2]);
E ora iteriamo i nodi dell'elemento con un ciclo:
for (let node of elem.childNodes) {
console.log(node);
}
Dato un div:
<div id="elem">txt<b>tag</b><!--com-->txt<b>tag</b><!--com--></div>
Itera con un ciclo tutti i nodi di questo div e visualizzali in console.
