Perulangan Node dengan Loop di JavaScript
Seperti yang sudah Anda ketahui, dalam properti children
terdapat semua elemen DOM yang merupakan
turunan langsung dari elemen tersebut. Ada properti serupa
childNodes, yang berisi
semua node turunan dari elemen.
Mari kita, misalnya, gunakan properti ini untuk menampilkan berbagai node dari elemen kita:
console.log(elem.childNodes[0]);
console.log(elem.childNodes[1]);
console.log(elem.childNodes[2]);
Dan sekarang mari kita ulangi node elemen dengan loop:
for (let node of elem.childNodes) {
console.log(node);
}
Diberikan div:
<div id="elem">txt<b>tag</b><!--com-->txt<b>tag</b><!--com--></div>
Ulangi semua node dari div ini dengan loop dan tampilkan mereka di konsol.