Uvunjo wa Nodes kwa kutumia Loop katika JavaScript
Kama unavyopaswa kujua tayari, katika property children
zimo elementi zote za DOM, ambazo ni
mzao wa moja kwa moja wa elementi hii. Kuna property sawa
childNodes, ambayo ina
ndani yake nodes zote za mzao wa elementi.
Hebu, kwa mfano, kwa kutumia property hii tuonyeshe nodes tofauti kutoka kwa elementi yetu:
console.log(elem.childNodes[0]);
console.log(elem.childNodes[1]);
console.log(elem.childNodes[2]);
Sasa hebu tuvunje nodes za elementi kwa kutumia loop:
for (let node of elem.childNodes) {
console.log(node);
}
Amepewa div:
<div id="elem">txt<b>tag</b><!--com-->txt<b>tag</b><!--com--></div>
Vunja kwa kutumia loop nodes zote za div hii na uonyeshe zile katika console.
