Перабор вузлоў цыклем у 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>
Перабярыце цыклем усе вузлы гэтага дыва і выведзіце іх у кансоль.
