JavaScript GetElementsBassName

W JavaScript metoda getelementBlassName () jest bardzo pomocna w dostępie do elementów pasujących do wszystkich nazw klas przekazanych jako argumenty. Ponadto zwraca htmlcollection, który zawiera każdy element potomka. Ponadto metoda ta pomaga również w pobieraniu wymaganych elementów HTML, przechowywaniu ich w zmiennych i wykonaniu wymaganej funkcjonalności za pomocą JavaScript.

Ten zapis będzie kierował wdrożeniem „getElementsByClassName ()„Metoda w JavaScript.

Czym jest metoda JavaScript GetElementsBlassName ()?

„„getElementsByClassName ()”Metoda zwraca elementy o określonej nazwie klasy, która jest przekazywana jako argument. Zwraca obiekt, który przypomina szereg wszystkich elementów dziecięcych z określonymi nazwami klas. Dodatkowo obejmuje kolekcję HTML wszystkich elementów dziecięcych.

Jak używać metody JavaScript GetElementsBlassName ()?

Aby zastosować metodę JavaScript GetEntsBassName () w JavaScript, postępuj zgodnie z podaną składnią:

element.getElementsByClassName (klasę)

W podanej składni „Nazwa klasy”Jest obowiązkowym argumentem, który należy uchwalić. Jest to wartość ciągu odnosi się do pojedynczych lub wielu nazw klas.

Przykład 1: Pobieranie pojedynczego elementu za pomocą metody getElementByClassName ()
W poniższym przykładzie najpierw utworzymy div, przypiszmy go „klasę” i dodamy do niej tekst:

Wdrożenie klasy

Teraz zastosuj „getElementsByClassName ()„Metoda dostępu do utworzonego div poprzez przekazanie nazwy klasy jako argumentu:

var x = dokument.getElementsByClassName („klasa”);

Na koniec wyświetl wynikową wartość na DOM za pomocą „dokument.pisać()" metoda. Zwróci to obiekt podobny do tablicy:

dokument.napisz (x);

Odpowiednie wyjście będzie:

W powyższym wyjściu [obiekt htmlcollection] odnosi się do obiektu podobnego do tablicy.

Przykład 2: Pobieranie wielu elementów za pomocą metody getelementsBlassName ()
W poniższym przykładzie dodamy trzy pola wyboru za pomocą znacznika, przypisujemy im tę samą klasę co „Lang”I dodaj wymagany tekst, jak pokazano poniżej:

Pyton

JavaScript

Html

Teraz dołącz dodatkowe pole wyboru o wartości ”Zaznacz wszystko”I dołącz„na kliknięcie()„Zdarzenie do niego, aby po wybraniu pola wyboru„ „sprawdzać()”Funkcja jest wywoływana z argumentem„Ten„Jak następuje:

Zaznacz wszystko

Następnie w pliku JavaScript zdefiniuj funkcję o nazwie „sprawdzać()”Z zmienną o nazwie„pole wyboru„Jako argument odnoszący się do„Ten”Podano wcześniej. Teraz uzyskaj dostęp do pola wyboru za pomocą dokumentu.GetElementsByClassName () Metoda i umieść wartość atrybutu klasowego „Lang„Jako jego argument. Na koniec użyj „Do„Pętla, aby iterować każdą wartość w polu wyboru i użyj atrybutu„ zaznaczonego ”, aby zaznaczyć każdą wartość zgodnie z sprawdzeniem:

Funkcja Chink (pole wyboru)
get = Dokument.getelementsBassName („lang”);
dla (var i = 0; iZdobądź [i].Checked = pole wyboru.sprawdzony;

Wyjście

Opracowaliśmy zastosowanie metody getelementsBlassName () przy użyciu różnych przykładów.

Wniosek

„„getElementsByClassName ()”Metoda zwraca elementy o określonej nazwie klasy, która jest przekazywana jako argument. Zwraca obiekt, który przypomina szereg wszystkich elementów dziecięcych z określonymi nazwami klas. Możesz użyć tej metody do wyboru pojedynczych lub wielu elementów HTML o tej samej nazwie klasy. W tym artykule wyjaśniono zastosowanie metody GetElementsBlassName () przy użyciu różnych przykładów.