Was ist die Funktion „Hasclass“ mit einfachem JavaScript?

“Hasclass”Methode ist die JQuery -Funktion, mit der überprüft wird, ob das bestimmte Element die angegebene Klasse enthält. Wenn es enthält, gibt die „Hasclass ()“ “WAHR"Sonst kehrt es zurück"FALSCH”. JQuery ist eine Bibliothek, die von JavaScript unterstützt wird. Wenn Sie diese Aufgabe in JavaScript ausführen möchten, ohne die Jquery -Bibliothek zu verwenden, verwenden Sie die Methode „containes ()“.

In diesem Artikel wird die Funktion „Hasclass“ mit einfachem JavaScript demonstriert.

So führen Sie die Funktionalität der Funktion „HASClass“ mit einfachem JavaScript aus?

“Hasclass"Funktion gehört zum JavaScript"JQuery" Bibliothek. Wenn Sie einfaches JavaScript verwenden und feststellen möchten, ob die angegebene Klasse Teil eines bestimmten Elements ist, müssen Sie die „verwenden“enthält ()Methode des Classlist -Objekts. Dies funktioniert genauso wie die HASClass -Funktion.

Syntax

Um die Funktionalität von “zu erhalten“Hasclass”Verwenden Sie in JavaScript die untergegebene Syntax:

Element.Klasse.enthält ("Klassenname")

Hier, "KlassennameIst der Name der CSS -Klasse, die in dem jeweiligen Element durchsucht wird.

Während die Syntax der HasClass () -Methode in JQuery:

$ (Selektor).Hasclass (Klassenname)

Beispiel

Ein ... kreieren "div"Element, eine CSS -Klasse zuweisen"flex-item1"Um die DIV zu stylen und ein Bild des Logos der Website mit der"src”Attribut des Tags im DIV -Element:

Erstellen Sie eine CSS -Klasse “flex-item1”Um die DIV zu stylen:

.flex-item1
Hintergrundfarbe: Schwarz;
Max-Breite: 7EM;
Anzeige: Flex;
Ausrichtung: Zentrum;
Polsterung: 0 15px;

In JavaScript -Datei oder dem Tag erhalten Sie zuerst das Element “div"Verwenden der zugewiesenen ID"logodivMit Hilfe von GetElementById () -Methode:

Lassen Sie Divelement = Dokument.getElementById ("logodiv");

Ruf den "enthält ()"Methode des Klassenlistenobjekts durch Übergabe der Klasse"flex-item1Um festzustellen, ob das angegebene Div -Element diese Klasse enthält:

var hasclass = Teilung.Klasse.enthält ("flex-item1");

Drucken Sie schließlich das Ergebnis auf der Konsole mit der “aus“Konsole.Protokoll()" Methode:

Konsole.log ("Div enthält die Klasse 'Divelement'? "+ hasclass);

Es kann beobachtet werden, dass die enthaltende () -Methode zurückgegeben wird “WAHRDies bedeutet, dass das angegebene Element die angegebene CSS -Klasse enthält:

Wir haben die notwendigen Anweisungen zusammengestellt, die für die Durchführung der “relevant sind“HasclassFunktionalität mit einfachem JavaScript.

Abschluss

In JavaScript können Sie die Funktionalität der “erreichenHasclass”Funktion mit der“enthält ()Methode des Classlist -Objekts. Die "Hasclass ()" ist die integrierte Methode des JavaScript "JQuery" Bibliothek. Es wird verwendet, um zu überprüfen oder zu überprüfen, ob das bestimmte Element zur angegebenen Klasse gehört. In diesem Artikel haben wir die HASCASS -Funktion und die äquivalente Methode im einfachen JavaScript demonstriert.