Überprüfen Sie, ob Body eine bestimmte Klasse mit JavaScript verfügt

Während des Entwerfens einer Webseite oder der Website kann es die Möglichkeit geben, ähnliche Funktionen gegen eine dedizierte Klasse am Ende des Entwicklers zu sortieren. Zum Beispiel eine bestimmte Webseite demselben Element zuweisen, jedoch mit einer bestimmten Klasse, um die Dinge relevant zu machen. In solchen Situationen hilft die Überprüfung, ob ein Körper eine bestimmte Klasse hat.

Dieser Artikel zeigt die Ansätze, um zu überprüfen, ob eine Körperschaft über eine bestimmte Klasse mit JavaScript verfügt.

So überprüfen Sie, ob die Körperschaft über eine bestimmte Klasse mit JavaScript verfügt?

Um zu überprüfen, ob ein Körper über eine bestimmte Klasse mit JavaScript verfügt, wenden Sie die folgenden Ansätze an:

• “Klasse”Eigentum und“enthält ()" Methode.
• “GetElementsByTagName ()" Und "passen()”Methoden.
• “JQuery”.

Veranschaulichen wir jeden der Ansätze nacheinander!

Ansatz 1: Überprüfen Sie, ob Body eine bestimmte Klasse in JavaScript mithilfe der ClassList -Eigenschaft verfügt, und enthält () Methoden () Methoden

Der "KlasseEigenschaft gibt den CSS -Klassennamen eines Elements an. Während die "enthält ()Die Methode gibt wahr, wenn ein Knoten ein Nachkomme ist. Diese kombinierten Methoden können angewendet werden, um auf die enthaltene Klasse im zugehörigen Element zuzugreifen.

Syntax

Knoten.Enthält (Desnode)

In der obigen Syntax:

• “Desnode”Entspricht dem Knoten -Nachkommen des zugehörigen Knotens.

Beispiel
Lassen Sie uns einen Überblick über das untergegebene Beispiel haben:

Dies ist LinuxHint -Website

Wenden Sie die folgenden Schritte an, wie im obigen Code angegeben:

• Zunächst einfügen eine “"Element mit dem Set -Attribut"Klasse”.
• Fügen Sie auch eine Überschrift in das bestimmte Element hinzu ().
• Wenden Sie im JS -Code das anKlasse”Eigenschaft kombiniert mit dem“enthält ()" Methode.
• Dies wird zugänglich auf die Klasse der zugehörigen zugreifen “Element basierend auf dem angegebenen Klassennamen im Parameter der Methode.
• Auf die zufriedene Bedingung die “WennBedingung wird ausgeführt.
• Im Gegensatz dazu "anders”Anweisungscode Block wird ausgeführt.

Ausgang

In der obigen Ausgabe ist ersichtlich, dass die bestimmte Klasse in der “enthalten ist“" Element.

Ansatz 2: Überprüfen Sie, ob Body eine bestimmte Klasse in JavaScript mit GetElementsByTagName () und Match () -Methoden hat

Der "GetElementsByTagName ()Die Methode gibt eine Sammlung aller Elemente mit einem bestimmten Tag -Namen an. Der "passen()Die Methode entspricht dem angegebenen Wert mit der Zeichenfolge. Diese Methoden können verwendet werden, um über sein Tag auf das erforderliche Element zuzugreifen und auf die bestimmte Klasse zu überprüfen.

Syntax

dokumentieren.GetElementsByTagName (Tag)

In der bereitgestellten Syntax:

• “Schild”Repräsentiert den Tag -Namen des Elements.

Beispiel
Das folgende Beispiel zeigt das diskutierte Konzept:

Im obigen Code -Snippet:

• Ebenso einfügen eine “Element mit der angegebenen Klasse.
• Enthalten außerdem ein Bild mit den festgelegten Dimensionen innerhalb des angegebenen Elements im vorherigen Schritt.
• Greifen Sie in den JavaScript -Codezeilen auf die “zu“”Element nach seinem Tag mit der“GetElementsByTagName ()" Methode.
• Der "[0]”Zeigt an, dass das erste Element, das dem angegebenen Tag im vorherigen Schritt entspricht, abgerufen wird.
• Der "Klassenname”Eigentum und die“passen()Die Methode entspricht der angegebenen Klasse in ihrem Parameter gegen die “" Element.
• Die frühere Aussage in der “WennDie Bedingung wird nach der Zufriedenheit aller Bedingungen in den vorherigen Schritten ausgeführt.
• Andernfalls wird die letztere Anweisung angezeigt.

Ausgang

Der obige Ausgang zeigt an, dass die angewendete Bedingung für eine bestimmte Klasse erfüllt ist.

Ansatz 3: Überprüfen Sie, ob die Karosserie über eine bestimmte Klasse in JavaScript mit JQuery verfügt

Dieser Ansatz kann implementiert werden, um direkt auf das erforderliche Element zuzugreifen und die spezifische Klasse mit Hilfe seiner Methode einfach dagegen zu finden.

Beispiel
Lassen Sie uns das untergegebene Beispiel durchlaufen:

if ($ ("Körper").hasclass ("enthält"))
alarm ("Das Körperelement hat Klasse")

anders
alarm ("Das Körperelement hat keine Klasse")

In den obigen Codezeilen:

• Umfassen die "JQueryBibliothek, um ihre Funktionen zu nutzen.
• In ähnlicher Weise schließen Sie die “einElement mit der angegebenen Klasse.
• Auch ein "fügen Sie eine" hinzu "Element innerhalb des angegebenen Elements im vorherigen Schritt.
• Greifen Sie im JS -Code auf die “zu"" Element. Wenden Sie auch das an “Hassclass ()Methode zur Suche nach der angegebenen Klasse im abgerufenen Element.
• Dies wird die erstere Nachricht auf den zufriedenen Zustand aufmerksam machen.
• Im anderen Fall wird die letztere Anweisung angezeigt.

Ausgang

Die obige Ausgabe impliziert, dass die gewünschte Anforderung erreicht wird.

Abschluss

Der "Klasse”Eigentum und“enthält ()”Methode, die“GetElementsByTagName ()" Und "passen()"Methoden oder die"JQuery”Kann verwendet werden, um zu überprüfen, ob ein Körper über eine bestimmte Klasse mit JavaScript verfügt. Diese Ansätze können verwendet werden, um nach der jeweiligen Klasse innerhalb eines Elements zu suchen, indem sie sich direkt auf das entsprechende Element beziehen, indem sie die JQuery -Methode verwendet. In diesem Blog wurde erklärt, ob ein Körper eine bestimmte Klasse in JavaScript hat