Metoda getElementsByClassName() służy do wybierania lub pobierania elementów na podstawie wartości nazwy klasy. Ta metoda DOM zwraca obiekt przypominający tablicę, który składa się ze wszystkich elementów mających określoną nazwę klasy. Wywołanie metody getElementsByClassName() na dowolnym elemencie powoduje przeszukanie całego dokumentu i zwrócenie tylko tych elementów, które pasują do podanej lub podanej nazwy klasy.
Python zapisz json do pliku
Składnia
var ele=document.getELementsByClassName('name');
Tutaj nazwa jest obowiązkowym argumentem, który należy przekazać. Jest to ciąg znaków określający pojedynczą nazwę klasy lub wiele nazw klas do dopasowania.
Przykład metody getElementsByClassName().
Przyjrzyjmy się kilku przykładom, aby poznać i zrozumieć praktyczne wdrożenie metody.
Przykład
Jest to prosta implementacja klasy, która po wywołaniu zmiennej x zwraca obiekt podobny do tablicy.
<h5>DOM Methods </h5> This is a simple class implementation var x=document.getElementsByClassName('Class'); document.write('On calling x, it will return an arrsy-like object: <br>'+x);
Wyjście:
sql wybór wielu tabel
Podobnie możemy zaimplementować metodę getElementsByClassName() do zwracania kolekcji elementów dla wielu klas.
Różnica między metodami getElementsByClassName(), querySelector() i querySelectorAll()
getElementsByClassName(): Dopasowuje elementy o określonej nazwie klasy i zwraca zestaw dopasowanych elementów. Zwracane elementy są aktywną kolekcją elementów HTML. Te aktywne elementy można dalej aktualizować, jeśli zostaną wprowadzone jakiekolwiek zmiany w obiektowym modelu dokumentu.
selektor zapytania(): Zwraca tylko jeden element pasujący do określonej nazwy klasy. Jeśli nie znajdzie żadnego pasującego elementu, zwraca wartość null.
char + int w Javie
Należy przede wszystkim zrozumieć, że wszystkie opisane powyżej metody zwracają albo jeden element, albo listę, ale metoda getELEmentsByClassName() służy do dynamiczny aktualizacji, a pozostałe dwie metody służą do statyczny .