En son web geliştirme öğreticiler
 

HTML DOM getElementsByClassName() Method

<Belge Nesne

Örnek

Belirtilen sınıf adıyla tüm unsurları alın:

var x = document.getElementsByClassName("example");
Kendin dene "

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

Tanımı ve Kullanımı

getElementsByClassName() metodu NodeList amaç olarak, belirtilen sınıf adı belgenin tüm öğelerin 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 tüm unsurların döngü ve istediğiniz bilgi çıkarabilir, belirli bir sınıf 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
getElementsByClassName() 4.0 9.0 3.0 3.1 9.5

Sözdizimi

document.getElementsByClassName( classname )

Parametre Değerleri

Parametre tip Açıklama
classname String Gereklidir. Eğer almak isteyen unsurların sınıf adı.

Birden fazla sınıf adlarını aramak gibi alanlarda, onları bir "test demo" .

Teknik detaylar

DOM Versiyon: Çekirdek Seviye 1 Belge Nesne
Geri dönüş değeri: Belirtilen sınıf adıyla elemanlarının bir toplama temsil eden bir NodeList nesnesi. onlar kaynak kodunda göründükleri gibi döndürülen koleksiyonunda elemanları sıralanır.
Örnekler

Diğer Örnekler

Örnek

Hem tüm unsurları alın "example" ve "color" sınıfları:

var x = document.getElementsByClassName("example color");
Kendin dene "

Örnek

class = "example" ile kaç unsurları öğrenin (NodeList nesnenin uzunluk özelliğini kullanarak) belgesinde vardır:

var x = document.getElementsByClassName("example").length;
Kendin dene "

Örnek

class = "Örneğin" olan tüm unsurların arka plan rengini değiştirme:

var x = document.getElementsByClassName("example");
var i;
for (i = 0; i < x.length; i++) {
    x[i].style.backgroundColor = "red";
}
Kendin dene "

İlgili Sayfalar

CSS Eğitimi: CSS Seçiciler

CSS Referans: CSS .class Seçici

HTML DOM Referans: öğesi. getElementsByClassName()

HTML DOM Referans: className Property

HTML DOM Referans: classList Property

HTML DOM Referans: Stil Nesne

<Belge Nesne