Sõlmede läbivaatamine tsükliga JavaScriptis
Nagu te juba teaksite, sisaldab omadus children
kõik DOM elemendid, mis on selle elemendi otsesed
järglased. On olemas analoogiline
omadus childNodes, mis sisaldab
kõiki elemendi järglassõlmede.
Vaatame näiteks selle omaduse abil meie elemendi erinevaid sõlme:
console.log(elem.childNodes[0]);
console.log(elem.childNodes[1]);
console.log(elem.childNodes[2]);
Ja nüüd vaatame läbi elemendi sõlmed tsükliga:
for (let node of elem.childNodes) {
console.log(node);
}
Antud div:
<div id="elem">txt<b>tag</b><!--com-->txt<b>tag</b><!--com--></div>
Vaatake läbi kõik selle divi sõlmed tsükliga ja kuvage need konsoolis.