Перебор узлов циклом в 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 id="elem">txt<b>tag</b><!--com-->txt<b>tag</b><!--com--></div>
Переберите циклом все узлы этого дива и выведите их в консоль.