HTML DOM Belgesi getElementsByClassName()
Örnek
class="example" ile tüm öğeleri alın:
const collection = document.getElementsByClassName("example");
Hem "örnek" hem de "renk" sınıflarıyla tüm öğeleri alın:
const collection = document.getElementsByClassName("example color");
Aşağıda daha fazla örnek.
Tanım ve Kullanım
Yöntem getElementsByClassName()
, belirtilen sınıf adlarına sahip bir öğe koleksiyonu döndürür.
Yöntem getElementsByClassName()
bir HTMLCollection döndürür .
getElementsByClassName()
Mülk salt okunurdur .
HTML Koleksiyonu
HTMLCollection , HTML düğümlerinin bir koleksiyonudur .
Bir koleksiyondaki düğümlere dizin numaralarıyla erişilebilir. Endeks 0'dan başlar.
Uzunluk Özelliği , koleksiyondaki öğelerin sayısını döndürür.
Ayrıca bakınız:
Belge getElementById() Yöntemi
Belge getElementsByTagName() Yöntemi
Sözdizimi
document.getElementsByClassName(classname)
parametreler
Parameter | Description |
classname | Required. The class name of the elements. Search for multiple class names separated by spaces like "test demo". |
Geri dönüş değeri
Tip | Açıklama |
Nesne. | Bir HTMLCollection nesnesi. Belirtilen sınıf adına sahip bir öğe koleksiyonu. Öğeler, belgede göründükleri gibi sıralanır. |
Daha fazla örnek
class="example" içeren öğe sayısı:
let numb = document.getElementsByClassName("example").length;
class="example" ile tüm öğelerin arka plan rengini değiştirin:
const collection = document.getElementsByClassName("example");
for (let i = 0; i < collection.length; i++) {
collection[i].style.backgroundColor = "red";
}
İlgili Sayfalar
CSS Eğitimi: CSS Sözdizimi
CSS Referansı: CSS .class Seçici
HTML DOM Referansı: element .getElementsByClassName()
HTML DOM Referansı: className Özellik
HTML DOM Referansı: classList Özelliği
HTML DOM Referansı: Stil Nesnesi
Tarayıcı Desteği
document.getElementsByClassName()
bir DOM Düzey 1 (1998) özelliğidir.
Tüm tarayıcılarda tam olarak desteklenir:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |