HTML DOM getElementsByClassName() Method

<Eleman Nesne

Örnek

Class = "çocuk" ile ilk liste öğesinin metnini değiştirme (index 0) class = "example" ile bir listede:

var list = document.getElementsByClassName("example")[0];
list.getElementsByClassName("child")[0].innerHTML = "Milk";

Metin değiştirmeden önce:

Coffee
Tea

Metni değiştirdikten sonra:

Milk
Tea

Kendin dene "

Daha "Try it Yourself" Aşağıdaki örnekler.

Tanımı ve Kullanımı

getElementsByClassName() metodu NodeList nesnesi olarak, belirli bir sınıf adıyla Bir elemanın alt öğeleri bir koleksiyonu.

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 sınıf adı ile alt düğüm 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
getElementsByClassName()	4.0	9.0	3.0	3.1	9.5

Sözdizimi

element .getElementsByClassName( classname )

Parametre Değerleri

Parametre	tip	Açıklama
classname	String	Gereklidir. Eğer almak istiyorum alt öğelerin sınıf adı. Birden fazla sınıf adlarını aramak gibi alanlarda, onları bir "child color" .

Teknik detaylar

DOM Versiyon:	Çekirdek Seviye 1 Eleman Nesne
Geri dönüş değeri:	Belirtilen sınıf adıyla elemanların 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

Bir iç class = "çocuk" ile ikinci elemanın arka plan rengini değiştirme <div> elemanı:

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

Kendin dene "

Örnek

Class = "çocuk" ile kaç unsurları öğrenin bir iç vardır <div> (NodeList nesnesinin length özelliğini kullanarak) elemanı:

var x = document.getElementById("myDIV").getElementsByClassName("child").length;

X'in sonucu olacaktır:

Kendin dene "

Örnek

Hem birinci elemanın arka plan rengini değiştirme "child" ve "color" class = "example" ile bir elementin iç sınıfında:

var x = document.getElementsByClassName("example")[1];
x.getElementsByClassName("child color")[0].style.backgroundColor = "red";

Kendin dene "

Örnek

Bir iç class = "çocuk" olan tüm unsurların arka plan rengini değiştirme <div> elemanı:

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

Kendin dene "