JavaScript H TML DOM Koleksiyonları
HTMLCollection Nesnesi
Yöntem bir nesne getElementsByTagName()
döndürür .HTMLCollection
Bir HTMLCollection
nesne, HTML öğelerinin dizi benzeri bir listesidir (koleksiyon).
Aşağıdaki kod <p>
, bir belgedeki tüm öğeleri seçer:
Örnek
const myCollection = document.getElementsByTagName("p");
Koleksiyondaki öğelere bir dizin numarası ile erişilebilir.
İkinci <p> öğesine erişmek için şunu yazabilirsiniz:
myCollection[1]
Not: İndeks 0'dan başlar.
HTML HTML Koleksiyonu Uzunluğu
Özellik, bir içindeki length
öğelerin sayısını tanımlar HTMLCollection
:
Örnek
myCollection.length
Bu length
özellik, bir koleksiyondaki öğeler arasında dolaşmak istediğinizde kullanışlıdır:
Örnek
Tüm <p> öğelerinin metin rengini değiştirin:
const myCollection = document.getElementsByTagName("p");
for (let i = 0; i < myCollection.length; i++) {
myCollection[i].style.color = "red";
}
HTMLCollection bir dizi DEĞİLDİR!
Bir HTMLCollection bir dizi gibi görünebilir, ancak değildir.
Listede dolaşabilir ve öğelere bir sayıyla başvurabilirsiniz (tıpkı bir dizi gibi).
Ancak, bir HTMLCollection üzerinde valueOf(), pop(), push() veya join() gibi dizi yöntemlerini kullanamazsınız.