Iterarea nodurilor cu bucla în JavaScript
După cum probabil știți deja, în proprietatea children
se conțin toate elementele DOM care sunt descendente
directe ale elementului dat. Există o proprietate analogă
childNodes, care conține
toate nodurile-descendente ale elementului.
Să folosim, de exemplu, această proprietate pentru a afișa diverse noduri din elementul nostru:
console.log(elem.childNodes[0]);
console.log(elem.childNodes[1]);
console.log(elem.childNodes[2]);
Și acum să iterăm nodurile elementului cu o buclă:
for (let node of elem.childNodes) {
console.log(node);
}
Este dat un div:
<div id="elem">txt<b>tag</b><!--com-->txt<b>tag</b><!--com--></div>
Iterați cu bucla toate nodurile acestui div și afișați-le în consolă.
