Herhaling van nodusse met 'n lus in JavaScript
Soos jy reeds moet weet, bevat die eienskap children
alle DOM-elemente wat direkte
nakomelinge van die gegewe element is. Daar is 'n soortgelyke
eienskap childNodes, wat
al die nakomeling-nodusse van die element bevat.
Laat ons byvoorbeeld, met behulp van hierdie eienskap, verskillende nodusse uit ons element uitvoer:
console.log(elem.childNodes[0]);
console.log(elem.childNodes[1]);
console.log(elem.childNodes[2]);
En laat ons nou die nodusse van die element met 'n lus herhaal:
for (let node of elem.childNodes) {
console.log(node);
}
Gegee 'n div:
<div id="elem">txt<b>tag</b><!--com-->txt<b>tag</b><!--com--></div>
Herhaal alle nodusse van hierdie div met 'n lus en voer hulle in die konsole uit.