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:

javascriptconsole.log(elem.childNodes[0]);
console.log(elem.childNodes[1]);
console.log(elem.childNodes[2]);

A teraz przeiterujmy po węzłach elementu pętlą:

javascriptfor (let node of elem.childNodes) {
  console.log(node);
}

html<div id="elem">txt<b>tag</b><!--com-->txt<b>tag</b><!--com--></div>