HTML DOM getElementsByTagName() Method

<Eleman Nesne

Örnek

İlk HTML içeriğini değiştirme <li> elemanı (index 0) liste halinde:

var list = document.getElementsByTagName("UL")[0];
list.getElementsByTagName("LI")[0].innerHTML = "Milk";

Metin değiştirmeden önce:

Coffee
Tea

Metni değiştirdikten sonra:

Milk
Tea

Kendin dene "

Tanımı ve Kullanımı

getElementsByTagName() yöntemi NodeList nesnesi olarak, belirtilen etiket adı ile bir elemanların en alt öğeleri koleksiyonunu 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: kullanabilir uzunluğu o zaman bütün düğümler döngü ve istediğiniz bilgi çıkarabilir, belirtilen etiket adı ile alt düğüm sayısını belirlemek için NodeList Nesnenin özelliği.

İpucu: ParameterValue "*" öğenin alt öğelerini tüm döndürür.

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

element .getElementsByTagName( tagname )

Parametre Değerleri

Parametre	tip	Açıklama
tagname	String	Gereklidir. Eğer almak istiyorum alt öğelerin etiketadı

Teknik detaylar

DOM Sürüm	Çekirdek Seviye 1 Eleman Nesne
Geri dönüş değeri:	Belirtilen tagName ile öğenin alt öğeleri koleksiyonu 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 <p> bir iç vardır elemanları <div> (NodeList nesnesinin length özelliğini kullanarak) elemanı:

var x = document.getElementById("myDIV").getElementsByTagName("P").length;

X'in sonucu olacaktır:

Kendin dene "

Örnek

İkinci arka plan rengini değiştirme <p> elemanı (index 1) bir iç <div> elemanı:

var x = document.getElementById("myDIV");
x.getElementsByTagName("P")[1].style.backgroundColor = "red";

Kendin dene "

Örnek

Tüm arka plan rengini değiştirme <p> Bir iç elemanları <div> elemanı:

var x = document.getElementById("myDIV");
var y = x.getElementsByTagName("P");
var i;
for (i = 0; i < y.length; i++) {
y[i].style.backgroundColor = "red";
}

Kendin dene "

Örnek

Dördüncü elemanın arka plan rengini değiştirme (index 3) bir iç <div> elemanı:

var x = document.getElementById("myDIV");
x.getElementsByTagName("*")[3].style.backgroundColor = "red";

Kendin dene "

Örnek

Kullanılması "*" parametresini.

Bir içindeki tüm unsurların arka plan rengini değiştirme <div> elemanı:

var x = document.getElementById("myDIV");
var y = x.getElementsByTagName("*");
var i;
for (i = 0; i < y.length; i++) {
y[i].style.backgroundColor = "red";
}

Kendin dene "