Перабор вузлоў цыклем у JavaScript

Як вы ўжо павінны ведаць, у уласцівасці children змяшчаюцца ўсе DOM элементы, якія з'яўляюцца непасрэднымі нашчадкамі дадзенага элемента. Існуе аналагічная ўласцівасць childNodes, якое змяшчае ў сабе ўсе вузлы-нашчадкі элемента.

Давайце, напрыклад, з дапамогай гэтай уласцівасці вывядзем розныя вузлы з нашага элемента:

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

А цяпер давайце перабяром вузлы элемента цыклем:

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

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