Metoda HTML DOM getElementsByClassName ()
Przykłady
Uzyskaj wszystkie elementy, których autorem jest nazwą klasy:
Spróbuj »
Definicje i zastosowanie
Metoda getElementsByClassName () zwraca wszystkie elementy w dokumencie podać nazwę klasy kolekcji, jako przedmiot NodeList.
NodeList obiekt reprezentuje kolejność listy węzłów. NodeList obiektów możemy otworzyć listę węzłów (numer indeksu zaczynając od 0) listę węzłów numeru indeksu węzła.
Wskazówka: Można użyć obiektu NodeList za length właściwość, aby określić liczbę elementów przez nazwę klasy, a poszczególne elementy cyklu dostać elementy potrzebne.
Pomoc Browser
Wartości podane w tabeli przedstawiają pierwszą przeglądarką obsługującą numer wersji metody.
| sposób | |||||
|---|---|---|---|---|---|
| getElementsByClassName () | 4,0 | 9,0 | 3,0 | 3,1 | 9,5 |
gramatyka
parametry
| parametry | typ | opis |
|---|---|---|
| classname | sznur | Koniecznością. Element klasy trzeba uzyskać nazwę. Wiele nazw klasy oddzielone przestrzenie, takie jak "test demo". |
Opis techniczny
| Wersja DOM: | Rdzeń Poziom 1 Document Object |
|---|---|
| Zwraca: | Obiekt NodeList który reprezentuje element określa nazwę klasy kolekcji. Kolejność elementów w kolekcji jego sortowane w kolejności występowania w kodzie. |
Więcej przykładów
Przykłady
Pobiera "przykład" i "kolor" nazwę klasy wszystkich elementów:
Spróbuj »
Przykłady
Ilu stylu class = "przyklad" elementy (za pomocą właściwości length listy węzłów) w celu wyświetlenia tego dokumentu są:
Spróbuj »
Przykłady
Zmiana koloru tła wszystkich klas style = "przykład" elementów:
var i;
for (i = 0 ; i < x.length; i++) {
x[i].style.backgroundColor = "red" ;
}
Spróbuj »
Podobne strony
Kurs CSS: selektory CSS
HTML DOM Manual: Element .getElementsByClassName ()
HTML DOM: atrybut className
HTML DOM Manual: HTML DOM atrybuty classList
HTML DOM Manual: HTML DOM Style obiektu