HTML DOM Belgesi getElementsByTagName()
Örnek
"li" etiketli tüm öğeleri alın:
const collection = document.getElementsByTagName("li");
Belgedeki tüm öğeleri alın:
const collection = document.getElementsByTagName("*");
Belgedeki ilk <p> öğesinin iç HTML'sini değiştirin:
document.getElementsByTagName("p")[0].innerHTML = "Hello World!";
Aşağıda daha fazla örnek.
Tanım ve Kullanım
Yöntem getElementsByTagName()
, belirtilen etiket adına sahip tüm öğelerin bir koleksiyonunu döndürür.
Yöntem getElementsByTagName()
bir HTMLCollection döndürür .
getElementsByTagName()
Mülk salt okunurdur .
Not
getElementsByTagName("*")
belgedeki tüm öğeleri döndürür.
HTML Koleksiyonu
HTMLCollection , HTML düğümlerinin bir koleksiyonudur .
Bir koleksiyondaki düğümlere dizin numaralarıyla erişilebilir. Endeks 0'dan başlar.
Uzunluk Özelliği , koleksiyondaki öğelerin sayısını döndürür.
Ayrıca bakınız:
Belge getElementById() Yöntemi
Belge getElementsByClassName() Yöntemi
Sözdizimi
document.getElementsByTagName(tagname)
parametreler
Parameter | Description |
tagname | Required. The tagname of the elements. |
Geri dönüş değeri
Tip | Açıklama |
Nesne | Bir HTMLCollection nesnesi. Belirtilen etiket adına sahip bir öğe koleksiyonu. Öğeler, belgede göründükleri gibi sıralanır. |
Daha fazla örnek
Belgedeki <li> öğelerinin sayısı:
let numb = document.getElementsByTagName("li").length;
Tüm <p> öğelerinin arka plan rengini değiştirin:
const collection = document.getElementsByTagName("P");
for (let i = 0; i < collection.length; i++) {
collection[i].style.backgroundColor = "red";
}
İlgili Sayfalar
JavaScript Referansı: element .getElementsByTagName()
JavaScript Eğitimi: JavaScript HTML DOM Düğüm Listesi
Tarayıcı Desteği
document.getElementsByTagName()
bir DOM Düzey 1 (1998) özelliğidir.
Tüm tarayıcılarda tam olarak desteklenir:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |