Jak przełączyć klasę elementów w JavaScript?

Słowo "przełącznik" oznacza przełączanie między opcjami. Przełączanie klasy elementów odnosi się do zmiany klasy z inną klasą. W tym celu przełącznik() Metoda jest stosowana do dodania lub usunięcia klasy. Przydaje się do wyświetlania treści na stronach internetowych. Zwraca prawdziwą wartość, jeśli do niej dodana jest klasa. Podczas gdy zwraca fałszywą wartość do usunięcia klasy. Ponadto użytkownicy mogą korzystać add (), zawieraj (), I usunąć() Metody przełączania klasy elementów. W dzisiejszym przewodniku nauczysz się przełączać klasę elementów w JavaScript w następujący sposób:

• Za pomocą metody toggle () w JavaScript
• Za pomocą metod add (), usuń () i zawierają () w JavaScript

Jak przełączyć klasę elementów w JavaScript?

Podobnie jak inne języki programowania, JavaScript Zapewnia różnorodne funkcje wyświetlania treści na stronach internetowych. W celu widoczności treści witryny wykorzystuje funkcję przełącznik() metoda. Metoda wprowadza nazwę klasy i przełącza ją za pomocą elementów HTML.

Składnia

element.Lista klas.przełącznik (nazwa klasy)

JavaScript może przełączać klasę elementu Nazwa klasy stosując Lista klas nieruchomość. Właściwość aktualizowała dane, jeśli klasa zostanie usunięta lub dodana. Korzystając z elementu HTML, użytkownicy mogą zbadać przełącznik() metoda.

Metoda 1: Za pomocą metody toggle () w JavaScript

Przykład pokazano, wykorzystując przełącznik() Metoda w JavaScript.

Kod

Przykład przełączania klasy elementu w JavaScript

naciśnij przycisk
Witamy w JavaScript World.

Opis powyższego kodu jest tutaj:

Przycisk nazwany „naciśnij przycisk”Jest dołączony do myFunction () metoda. W tej metodzie stosuje się metodę toggle (), przekazując właściwości „styl". Po naciśnięciu przycisku metoda toggle () jest wywoływana i stosuje właściwości stylu do wiadomości „Witamy w JavaScript World".

Wyjście

Przed naciśnięciem przycisku:

Po wykonaniu powyższego kodu wyjście wyświetla przycisk „naciśnij przycisk". Ponadto wyświetlany jest tutaj komunikat „Witamy w JavaScript World".

Po naciśnięciu przycisku:

Po naciśnięciu przycisku kod JavaScript jest wykonywany na zapleczu i przełącza element DIV, aby „styl". Następnie obserwuje się, że różne style są zawarte w DIV.

Metoda 2: Za pomocą metod add (), remove () i zawierają ()

Inny przykład jest dostosowywany, stosując metody zawierające (), remeve () i add () w JavaScript.

Kod

Kolejny przykład przełączania elementu klasy

Kliknij

Witamy w JavaScript World

Opis kodu jest jak poniżej.

• W tym kodzie, u_method () służy do uzyskania elementu HTML w P zmienny.
• Potem zawierać() Metoda jest wykorzystywana do oceny, czy metoda jest wyzwalana, czy nie.
• Jeśli zawiera zdarzenie, użyj usunąć() metoda wyłączenia zdarzenia.
• W przeciwnym razie dodać() Metoda służy do dodania zdarzenia przełączania.

Wyjście

Przed naciśnięciem przycisku:

Po naciśnięciu przycisku „Proszę naciśnij przycisk”, element klasy jest przełączany za pomocą Dodaj usuń(), I zawierać() Metody w JavaScript.

Po naciśnięciu przycisku:

Klikając „Proszę naciśnij przycisk” przycisk, wiadomość „Witamy w JavaScript World” jest wyświetlany za pomocą Dodaj usuń(), I zawierać() Metody w JavaScript.

Wniosek

Przełączanie jakiś klasa elementu to proces dodawania lub usuwania klasy za pomocą elementów w JavaScript. Aby przełączyć klasę elementu w JavaScript, możesz użyć metody TOGGLE (. Klasa zawiera zestaw właściwości, które są stosowane do elementów.