Örnek
Belirtilen etiket adıyla belgedeki tüm öğeleri alın:
var x =
document.getElementsByTagName("LI");
Kendin dene " Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
getElementsByTagName() yöntemi, NodeList nesne olarak, belirtilen etiket adıyla belgedeki tüm unsurların bir koleksiyon döndürür.
NodeList nesne düğüm topluluğunu temsil eder. düğümleri endeks numaralarıyla ulaşılabilir. indeks 0 ile başlar.
İpucu: ParameterValue "*" Belgedeki tüm öğelerin döndürür.
İpucu: kullanabilir uzunluğu o zaman tüm unsurların döngü ve istediğiniz bilgi çıkarabilir, belirtilen etiket adıyla elemanların sayısını belirlemek için NodeList Nesnenin özelliği.
Tarayıcı Desteği
Tablodaki rakamlar tam yöntemini destekleyen ilk tarayıcı sürümü belirtir.
Yöntem | |||||
---|---|---|---|---|---|
getElementsByTagName() | 1.0 | 6 | 3.0 | 3.0 | 9.5 |
Sözdizimi
document.getElementsByTagName( tagname )
Parametre Değerleri
Parametre | tip | Açıklama |
---|---|---|
tagname | String | Gereklidir. Eğer almak isteyen unsurların etiketadı |
Teknik detaylar
DOM Versiyon: | Çekirdek Seviye 1 Belge Nesne |
---|---|
Geri dönüş değeri: | Belirtilen etiket adı ile unsurların bir koleksiyon temsil eden bir NodeList nesnesi. onlar kaynak kodunda göründükleri gibi döndürülen koleksiyonunda elemanları sıralanır. |
Diğer Örnekler
Örnek
Kaç öğrenin <li> (NodeList nesnenin uzunluk özelliğini kullanarak) belgesinde vardır unsurları:
var x =
document.getElementsByTagName("LI").length;
Kendin dene " Örnek
İlk HTML içeriğini değiştirme <p> elemanı (index 0) belgesinde:
document.getElementsByTagName("P")[0].innerHTML = "Hello World!";
Kendin dene " Örnek
Tüm arka plan rengini değiştirme <p> belgede elemanları:
var x = document.getElementsByTagName("P");
var i;
for (i = 0; i <
x.length; i++) {
x[i].style.backgroundColor = "red";
}
Kendin dene " Örnek
Kullanılması "*" parametresini.
Belgedeki tüm öğelerin alın:
var x =
document.getElementsByTagName("*");
Kendin dene " İlgili Sayfalar
JavaScript Referans: öğesi. getElementsByTagName()
JavaScript Öğretici: JavaScript HTML DOM Düğüm Listesi