Прелазак чворова петљом у 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>
Пређите петљом преко свих чворова овог дива и испишите их у конзолу.