Обхождане на възли с цикъл в 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>