Iteracija čvorova petljom u JavaScript-u
Kao što već morate znati, u svojstvu children
se nalaze svi DOM elementi koji su neposredni
potomci datog elementa. Postoji analogno
svojstvo childNodes, koje sadrži
u sebi sve potomke-čvorove elementa.
Hajde, na primer, pomoću ovog svojstva ispisimo različite čvorove iz našeg elementa:
console.log(elem.childNodes[0]);
console.log(elem.childNodes[1]);
console.log(elem.childNodes[2]);
A sada hajde da iteriramo čvorove elementa petljom:
for (let node of elem.childNodes) {
console.log(node);
}
Dat je div:
<div id="elem">txt<b>tag</b><!--com-->txt<b>tag</b><!--com--></div>
Prođite petljom kroz sve čvorove ovog div-a i ispišite ih u konzolu.
