Ten samouczek ilustruje, jak sprawdzić, czy element zawiera klasę w JavaScript.
Jak sprawdzić, czy element zawiera klasę w JavaScript?
Aby sprawdzić, czy element zawiera klasę, użyj następujących metod:
Zrozumiemy indywidualnie działanie tych metod.
Metoda 1: Sprawdź, czy element zawiera klasę przy użyciu metody zawiera ()
„„zawiera()„Metoda„Lista klas„Obiekt może być użyty do sprawdzenia, czy element ma określoną nazwę klasy. Jest to jedna z najpopularniejszych metod wykorzystywanych do określenia klasy elementu.
Składnia
Postępuj zgodnie z podaną składnią dla metody Contenains ():
Tutaj,
Wartość zwracana
Jeśli element ma nazwę klasy, zwraca „PRAWDA”, W przeciwnym razie oddaje„FAŁSZ".
Przykład
Utwórz przycisk z klasami „rozmiar guzika" I "ButtonStyle„Do stylizacji przycisku. Dołącz „na kliknięcie”Wydarzenie z przyciskiem, które uruchamia funkcję, aby sprawdzić, czy określona klasa jest częścią elementu przycisku, czy nie:
Przed kodem JavaScript wyjście będzie wyglądało tak:
W pliku JavaScript po prostu napisz te wiersze kodu:
funkcja classCheck ()W powyższym kodzie:
Wyjście
Powyższe wyjście wskazuje, że po kliknięciu przycisku pokazuje, że ma on „ButtonStyle" klasa.
Metoda 2: Sprawdź, czy element zawiera klasę przy użyciu metody Matches ()
Istnieje inna metoda „mecze()”, To określi, czy element ma określoną klasę, czy nie. Potrzeba jednego parametru, nazwa klasy, aby sprawdzić, czy element zawiera tę klasę, czy nie.
Składnia
Do metody Matches () wykorzystywana jest następująca składnia:
W powyższej składni,
Wartość zwracana
Powraca także „PRAWDA”Jeśli element ma klasę inną,„FAŁSZ”Jest zwrócony.
Przykład
W pliku JavaScript użyj podanych wierszy kodu, aby sprawdzić, czy element ma określoną klasę, czy nie, wywołując metodę Matches ():
W powyższym fragmencie kodu:
Wyjście
Wniosek
Aby sprawdzić, czy element zawiera klasę, użyj JavaScript „zawiera()”Metoda lub„mecze()" metoda. Metoda zawierająca () jest najczęściej stosowaną metodą do określenia klasy elementu. Obie metody powracają „PRAWDA„Jeśli element ma klasę inną”FAŁSZ”Jest zwrócony. Ten samouczek zilustrował, jak sprawdzić, czy element zawiera klasę w JavaScript, czy nie ze szczegółowymi przykładami.