JavaScript'te Döngü ile Düğüm Geçişi
Bildiğiniz gibi, children özelliği
bir elemanın doğrudan alt elemanları olan tüm DOM elemanlarını içerir.
Benzer şekilde, bir elemanın tüm alt düğümlerini içeren
childNodes özelliği de vardır.
Örneğin, bu özelliği kullanarak elemanımızdan çeşitli düğümleri çıkaralım:
console.log(elem.childNodes[0]);
console.log(elem.childNodes[1]);
console.log(elem.childNodes[2]);
Şimdi de elemanın düğümlerini bir döngü ile geçelim:
for (let node of elem.childNodes) {
console.log(node);
}
Bir div verilmiştir:
<div id="elem">txt<b>tag</b><!--com-->txt<b>tag</b><!--com--></div>
Bu div'in tüm düğümlerini bir döngü ile geçin ve konsola yazdırın.
