Iteracja po węzłach pętlą w JavaScript
Jak już powinieneś wiedzieć, we właściwości children
znajdują się wszystkie elementy DOM, które są bezpośrednimi
potomkami danego elementu. Istnieje analogiczna
właściwość childNodes, która zawiera
w sobie wszystkie węzły potomne elementu.
Przyjrzyjmy się na przykład, korzystając z tej właściwości, wypiszmy różne węzły z naszego elementu:
console.log(elem.childNodes[0]);
console.log(elem.childNodes[1]);
console.log(elem.childNodes[2]);
A teraz przeiterujmy po węzłach elementu pętlą:
for (let node of elem.childNodes) {
console.log(node);
}
Dany jest div:
<div id="elem">txt<b>tag</b><!--com-->txt<b>tag</b><!--com--></div>
Przejdź pętlą po wszystkich węzłach tego diva i wypisz je w konsoli.
