Mazgų iteravimas ciklu JavaScript
Kaip jau turėtumėte žinoti, savybėje children
yra visi DOM elementai, kurie yra tiesioginiai
šio elemento palikuoniai. Egzistuoja analogiška
savybė childNodes, kurioje yra
visi elemento palikuoniai-mazgai.
Pavyzdžiui, naudodami šią savybę išveskime įvairius mazgus iš mūsų elemento:
console.log(elem.childNodes[0]);
console.log(elem.childNodes[1]);
console.log(elem.childNodes[2]);
O dabar iteruokime elemento mazgus ciklu:
for (let node of elem.childNodes) {
console.log(node);
}
Duotas div:
<div id="elem">txt<b>tag</b><!--com-->txt<b>tag</b><!--com--></div>
Iteruokite ciklu visus šio div mazgus ir išveskite juos į konsolę.