Jaka jest funkcja „HASCLASS” z prostym JavaScript

"HASCLASS„Metoda to funkcja jQuery stosowana do sprawdzenia, czy konkretny element zawiera określoną klasę. Jeśli zawiera, „HASCLASS ()” daje „PRAWDA„W przeciwnym razie powraca”FAŁSZ". JQuery to biblioteka obsługiwana przez JavaScript, jeśli chcesz wykonać to zadanie w JavaScript bez korzystania z biblioteki jQuery, użyj metody „zawierają ()”.

Ten artykuł pokaże funkcję „HASCLASS” z prostym JavaScript.

Jak wykonać funkcję funkcji „HASCLASS” za pomocą zwykłego JavaScript?

"HASCLASS”Funkcja należy do JavaScript„JQuery" biblioteka. Jeśli chcesz użyć zwykłego JavaScript i określić, czy określona klasa jest częścią konkretnego elementu, musisz użyć „zawiera()„Metoda obiektu listy klasy. Działa to tak samo jak funkcja HASCLASS.

Składnia

Aby uzyskać funkcjonalność „HASCLASS„W JavaScript użyj poniżej podanej składni:

element.Lista klas.zawiera („ClassName”)

Tutaj, "Nazwa klasy”To nazwa klasy CSS, która zostanie przeszukana w konkretnym elemencie.

Podczas gdy składnia metody HASCLASS () w JQuery to:

$ (selektor).HASCLASS (nazwa klasy)

Przykład

Stwórz "div„Element, przypisz klasę CSS”Flex-Item1„Aby stylizować div i dodać obraz logo strony za pomocą„src„Atrybut znacznika wewnątrz elementu div:

Utwórz klasę CSS „Flex-Item1„Aby stylizować div:

.Flex-Item1
kolor tła: czarny;
maksymalna szerokość: 7em;
Wyświetlacz: Flex;
Wyrównanie: Center;
Wyściółka: 0 15px;

W pliku JavaScript lub znaczniku najpierw zdobądź element „div”Korzystanie z przypisanego identyfikatora„logodiv”Za pomocą metody GetElementById ():

Niech Divelement = Dokument.getElementById („logodiv”);

Zadzwoń do "zawiera()„Metoda obiektu listy klasy, przekazując klasę„Flex-Item1„Aby ustalić, czy określony element DIV zawiera tę klasę:

var maClass = Divelement.Lista klas.zawiera („Flex-Item1”);

Na koniec wydrukuj wynik na konsoli za pomocą „konsola.dziennik()" metoda:

konsola.Log („Div zawiera klasę„ Divelement ”? „+ HASCLASS);

Można zaobserwować, że zwrócona metoda zawierająca () „PRAWDA”Co oznacza, że ​​określony element zawiera podaną klasę CSS:

Opracowaliśmy niezbędne instrukcje dotyczące wykonania „HASCLASS„Funkcjonalność z prostym JavaScript.

Wniosek

W JavaScript możesz osiągnąć funkcjonalność „HASCLASS”Funkcja za pomocą„zawiera()„Metoda obiektu listy klasy. „HASCLASS ()” to wbudowana metoda JavaScript „JQuery" biblioteka. Jest wykorzystywany do sprawdzenia lub sprawdzenia, czy konkretny element należy do określonej klasy. W tym artykule wykazaliśmy funkcję HASClass i metodę równoważną w zwykłym JavaScript.