Exemplu
Obține toate elementele cu numele clasei specificate:
var x =
document.getElementsByClassName("example");
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
getElementsByClassName() Metoda returnează o colecție a tuturor elementelor din document cu numele clasei specificat, ca un obiect NodeList.
Obiectul NodeList reprezintă o colecție de noduri. Nodurile pot fi accesate prin numere de index. Indicele începe la 0.
Indicație: Puteți utiliza lungimea proprietatea obiectului NodeList pentru a determina numărul de elemente cu un nume de clasă specificată, atunci puteți bucla prin toate elementele și extrage informațiile pe care le doriți.
Suport pentru browser-
Numerele din tabel specifică prima versiune de browser care acceptă pe deplin metoda.
| Metodă | |||||
|---|---|---|---|---|---|
| getElementsByClassName() | 4 | 9 | 3.0 | 3.1 | 9.5 |
Sintaxă
document.getElementsByClassName( classname )Valorile parametrilor
| Parametru | Tip | Descriere |
|---|---|---|
| classname | String | Necesar. Numele clasei a elementelor pe care doriți să le obțineți. Pentru a căuta mai multe nume de clasă, separați - le cu spații, cum ar fi "test demo" - "test demo" de "test demo" . |
Detalii tehnice
| DOM Versiune: | Nivelul Core 1 Document Object |
|---|---|
| Întoarcere Valoare: | Un obiect NodeList, ceea ce reprezintă o colecție de elemente cu numele clasei specificate. Elementele din colecția returnate sunt sortate așa cum apar în codul sursă. |
Mai multe exemple
Exemplu
Obține toate elementele cu atât "example" și "color" clase:
var x =
document.getElementsByClassName("example color"); Încearcă - l singur » Exemplu
Aflați cât de multe elemente cu class = „exemplu“ există în documentul (folosind proprietatea de lungime a obiectului NodeList):
var x =
document.getElementsByClassName("example").length; Încearcă - l singur » Exemplu
Schimbarea culorii de fundal a tuturor elementelor cu class = „exemplu“:
var x = document.getElementsByClassName("example");
var i;
for (i = 0;
i < x.length; i++) {
x[i].style.backgroundColor =
"red";
} Încearcă - l singur » Pagini similare
CSS Tutorial: CSS Căutători
CSS Referință: CSS .class Selector
HTML DOM Reference: Element. getElementsByClassName()
HTML DOM Reference: className Property
HTML DOM Reference: classList Property
HTML DOM Reference: Stil obiect