HTML DOM getElementsByTagName() Yöntemi
❮ Öğe NesnesiÖrnek
Listedeki ilk <li> öğesinin (dizin 0) HTML içeriğini değiştirin:
var list = document.getElementsByTagName("UL")[0];
list.getElementsByTagName("LI")[0].innerHTML = "Milk";
Tanım ve Kullanım
getElementsByTagName() yöntemi, belirtilen etiket adına sahip bir öğenin alt öğelerinin bir koleksiyonunu bir NodeList nesnesi olarak döndürür.
NodeList nesnesi, bir düğüm koleksiyonunu temsil eder. Düğümlere indeks numaraları ile erişilebilir. Endeks 0'dan başlar.
İpucu: Belirtilen etiket adına sahip alt düğümlerin sayısını belirlemek için NodeList nesnesinin length özelliğini kullanabilir , ardından tüm düğümler arasında döngü yapabilir ve istediğiniz bilgiyi çıkarabilirsiniz.
İpucu: "*" parametre değeri, öğenin tüm alt öğelerini döndürür.
Tarayıcı Desteği
Tablodaki sayılar, yöntemi tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
| Method | |||||
|---|---|---|---|---|---|
| getElementsByTagName() | 1.0 | 6.0 | 3.0 | 3.0 | 9.5 |
Sözdizimi
element.getElementsByTagName(tagname)
Parametre Değerleri
| Parameter | Type | Description |
|---|---|---|
| tagname | String | Required. The tagname of the child elements you want to get |
Teknik detaylar
| DOM Sürümü | Çekirdek Düzey 1 Öğe Nesnesi |
|---|---|
| Geri dönüş değeri: | Belirtilen etiket adına sahip öğenin alt öğelerinin bir koleksiyonunu temsil eden bir NodeList nesnesi. Döndürülen koleksiyondaki öğeler, kaynak kodunda göründükleri gibi sıralanır. |
Daha fazla örnek
Örnek
Bir <div> öğesinin içinde kaç tane <p> öğesi olduğunu öğrenin (NodeList nesnesinin length özelliğini kullanarak):
var x =
document.getElementById("myDIV").getElementsByTagName("P").length;
Örnek
Bir <div> öğesi içindeki ikinci <p> öğesinin (indeks 1) arka plan rengini değiştirin:
var x =
document.getElementById("myDIV");
x.getElementsByTagName("P")[1].style.backgroundColor = "red";
Örnek
Bir <div> öğesi içindeki tüm <p> öğelerinin arka plan rengini değiştirin:
var x = document.getElementById("myDIV");
var y = x.getElementsByTagName("P");
var i;
for (i = 0; i < y.length; i++) {
y[i].style.backgroundColor = "red";
}
Örnek
Bir <div> öğesi içindeki dördüncü öğenin (indeks 3) arka plan rengini değiştirin:
var x = document.getElementById("myDIV");
x.getElementsByTagName("*")[3].style.backgroundColor = "red";
Örnek
"*" parametresini kullanma.
Bir <div> öğesi içindeki tüm öğelerin arka plan rengini değiştirin:
var x = document.getElementById("myDIV");
var y = x.getElementsByTagName("*");
var i;
for (i = 0; i < y.length; i++) {
y[i].style.backgroundColor = "red";
}
İlgili Sayfalar
JavaScript Referansı: document.getElementsByTagName()
JavaScript Eğitimi: JavaScript HTML DOM Düğüm Listesi
❮ Öğe Nesnesi