Обхождане на възли с цикъл в JavaScript
Както вече трябва да знаете, в свойството children
се съдържат всички DOM елементи, които са непосредствени
потомци на дадения елемент. Съществува аналогично
свойство childNodes, което съдържа
всички потомци-възли на елемента.
Нека, например, с помощта на това свойство изведем различни възли от нашия елемент:
console.log(elem.childNodes[0]);
console.log(elem.childNodes[1]);
console.log(elem.childNodes[2]);
А сега нека обходим възлите на елемента с цикъл:
for (let node of elem.childNodes) {
console.log(node);
}
Даден е div:
<div id="elem">txt<b>tag</b><!--com-->txt<b>tag</b><!--com--></div>
Обходете с цикъл всички възли на този div и ги изведете в конзолата.