Bir düğüm listesi düğüm bir koleksiyon
HTML DOM Düğüm Listesi
getElementsByTagName() yöntemi, bir döner node list . Bir düğüm listesi düğümlerinin dizi benzeri koleksiyonudur.
Aşağıdaki kod tüm seçer <p> Bir belgedeki düğümleri:
Örnek
var
x = document.getElementsByTagName("p");
düğümlerin bir dizin numarası ile erişilebilir. İkinci erişmek için <p> yazabilirsiniz düğüm:
y = x[1];
Kendin dene " Note: endeksi 0 ile başlar.
HTML DOM Düğüm Listesi Uzunluğu
uzunluk özelliği bir düğüm listede düğümlerin sayısını tanımlar:
Örnek
var myNodelist = document.getElementsByTagName("p");
document.getElementById("demo").innerHTML = myNodelist.length;
Kendin dene " Örnek açıklanmıştır:
- Tüm Get <p> Bir düğüm listesinde unsurları
- Düğüm listesinin uzunluğunu gösterir
Eğer bir düğüm listesinde düğümler döngü istediğinizde length özelliği yararlıdır:
Örnek
Tüm arka plan rengini değiştirme <p> Bir düğüm listesinde elemanları:
var myNodelist = document.getElementsByTagName("p");
var i;
for (i = 0; i < myNodelist.length; i++) {
myNodelist[i].style.backgroundColor = "red";
}
Kendin dene " Bir düğüm listesi bir dizi değil!
Bir düğüm listesi bir dizi gibi görünebilir, ama değil. Sen düğüm listesi üzerinden döngü can ve bir dizi gibi kendi düğümler bakın. Ancak, böyle Dizi Yöntemleri, kullanamaz valueOf() veya join() düğüm listesinde.