So umschalten eine Elementklasse in JavaScript?

Das Wort "Umschalten" Mittel, um zwischen den Optionen zu wechseln. Das Umschalten einer Elementklasse bezieht sich auf das Umschalten einer Klasse mit einer anderen Klasse. Zu diesem Zweck die Umschalten() Die Methode wird verwendet, um eine Klasse hinzuzufügen oder zu entfernen. Es ist nützlich, um Inhalte auf Webseiten anzuzeigen. Es gibt einen echten Wert zurück, wenn eine Klasse hinzugefügt wird. Während es einen falschen Wert für das Entfernen einer Klasse zurückgibt. Darüber hinaus können Benutzer nutzen add (), enthalten (), Und entfernen() Methoden zum Umschalten einer Elementklasse. In der heutigen Anleitung lernen Sie, eine Elementklasse in JavaScript auf folgende Weise umzuschalten:

• Verwenden der Methode Toggle () in JavaScript
• Verwenden Sie die Methoden add (), remove () und enthält () in JavaScript

So umschalten eine Elementklasse in JavaScript?

Wie andere Programmiersprachen, JavaScript Bietet eine Vielzahl von Funktionen zum Anzeigen von Inhalten auf Webseiten. Für die Sichtbarkeit des Inhalts der Website wird eine Funktion der verwendet Umschalten() Methode. Die Methode nimmt eine Eingabe des Namens der Klasse an und schaltet sie mit Hilfe von HTML -Elementen um.

Syntax

Element.Klasse.Schalter (Klassenname)

JavaScript kann die Klasse des Elements umschalten Klassenname durch Verwendung der Klasse Eigentum. Die Eigenschaft hat Daten aktualisiert, wenn die Klasse entfernt oder hinzugefügt wird. Mithilfe des HTML -Elements können Benutzer das untersuchen Umschalten() Methode.

Methode 1: Verwenden der Methode Toggle () in JavaScript

Ein Beispiel wird durch die Verwendung der Nutzung der gezeigt Umschalten() Methode in JavaScript.

Code

Ein Beispiel dafür, eine Elementklasse in JavaScript umzuschalten

Drücken Sie den Knopf
Willkommen in JavaScript World.

Die Beschreibung des obigen Code ist hier:

Eine Taste mit dem Namen “Drücken Sie den Knopf”Ist mit einem angebracht myfunction () Methode. Bei dieser Methode wird eine Toggle () -Methode verwendet, indem die Eigenschaften von “übergeben werden“Stil”. Nach dem Drücken der Taste wird die Methode Toggle () aufgerufen und wendet die Stileigenschaften auf die Nachricht anWillkommen in JavaScript World”.

Ausgang

Vor dem Drücken der Taste:

Nach dem Ausführen des obigen Codes zeigt die Ausgabe eine Schaltfläche an “Drücken Sie den Knopf”. Darüber hinaus wird hier eine Nachricht angezeigt “Willkommen in JavaScript World”.

Nach dem Drücken der Taste:

Nach dem Drücken der Taste wird der JavaScript -Code im Backend ausgeführt und umschaltet das Div -Element auf “Stil”. Danach wird beobachtet, dass verschiedene Stile im Div enthalten sind.

Methode 2: Verwenden Sie add (), remove () und enthält () Methoden

Ein weiteres Beispiel wird durch die Verwendung der Methoden content (), rema () und add () in JavaScript angepasst.

Code

Ein weiteres Beispiel für das Umschalten eines Klassenelements

Klick mich

Willkommen in JavaScript World

Die Beschreibung des Code ist wie unten.

• In diesem Code, u_method () wird verwendet, um das HTML -Element in das zu erhalten P Variable.
• Danach die enthalten() Die Methode wird verwendet, um zu bewerten, ob die Methode ausgelöst wird oder nicht.
• Wenn es das Ereignis enthält, verwenden Sie die entfernen() Methode zur Deaktivierung des Ereignisses.
• Ansonsten der hinzufügen() Die Methode wird verwendet, um das Umkippereignis hinzuzufügen.

Ausgang

Vor dem Drücken der Taste:

Nach dem Drücken der Taste "Bitte drücken Sie die Taste", Ein Klassenelement wird mit dem umgeschaltet add (), remove (), Und enthalten() Methoden in JavaScript.

Nach dem Drücken der Taste:

Durch Klicken auf die "Bitte drücken Sie die Taste" Taste, eine Nachricht "Willkommen in JavaScript World" wird mit dem angezeigt add (), remove (), Und enthalten() Methoden in JavaScript.

Abschluss

Umschalten ein Elementklasse ist ein Prozess des Hinzufügens oder Entfernens einer Klasse, indem die Elemente in JavaScript verwendet werden. Um eine Elementklasse in JavaScript umzuschalten. Die Klasse enthält eine Reihe von Eigenschaften, die auf Elemente angewendet werden.