Hvordan slå en elementklasse i JavaScript?

Ordet "veksle" betyr å veksle mellom alternativer. Å bytte en elementklasse refererer til å bytte en klasse med en annen klasse. For dette formålet, veksle() Metoden brukes for å legge til eller fjerne en klasse. Det er nyttig for å vise innhold på websider. Det returnerer en ekte verdi hvis en klasse legges til den. Mens det returnerer en falsk verdi for å fjerne en klasse. Dessuten kan brukere bruke Legg til (), inneholder (), og fjerne() Metoder for å veksle en elementklasse. I dagens guide lærer du å veksle en elementklasse i JavaScript på følgende måter:

• Ved hjelp av Toggle () -metoden i JavaScript
• Bruke add (), fjerne () og inneholde () metoder i JavaScript

Hvordan slå en elementklasse i JavaScript?

Som andre programmeringsspråk, JavaScript gir en rekke funksjoner for å vise innhold på websider. For synlighet av nettstedets innhold bruker det en funksjon i veksle() metode. Metoden tar en input av navnet på klassen og veksler den ved hjelp av HTML -elementer.

Syntaks

element.Klasseliste.Toggle (ClassName)

JavaScript kan veksle elementets klasse klassenavn ved å bruke Klasseliste eiendom. Eiendommen har oppdatert data hvis klassen blir fjernet eller lagt til. Ved å bruke HTML -elementet kan brukere utforske veksle() metode.

Metode 1: Bruke Toggle () -metoden i JavaScript

Et eksempel demonstreres ved å bruke veksle() Metode i JavaScript.

Kode

Et eksempel på å bytte en elementklasse i JavaScript

trykk på knappen
Velkommen til JavaScript World.

Beskrivelsen av ovennevnte kode er her:

En knapp som heter “trykk på knappen”Er festet med en MyFunction () metode. I denne metoden brukes en veksle () -metode ved å passere egenskapene til “stil”. Etter å ha trykket på knappen, kalles Toggle () -metoden og bruker stilegenskapene på meldingen “Velkommen til JavaScript World”.

Produksjon

Før du trykker på knappen:

Etter å ha utført koden ovenfor, viser utdata en knapp "trykk på knappen”. Dessuten vises en melding her "Velkommen til JavaScript World”.

Etter å ha trykket på knappen:

Etter å ha trykket på knappen, utføres JavaScript -koden på backend og veksler DIV -elementet til "stil”. Etter det observeres det at forskjellige stiler er inkludert i Div.

Metode 2: Bruke add (), fjerne () og inneholde () metoder

Et annet eksempel er tilpasset ved å bruke contain (), fjerne () og legge til () metoder i JavaScript.

Kode

Et annet eksempel på å veksle et klasseelement

Klikk på meg

Velkommen til JavaScript World

Beskrivelsen av koden er som nedenfor.

• I denne koden, u_method () brukes til å få HTML -elementet i p variabel.
• Etter det, inneholde() Metoden brukes til å evaluere om metoden utløses eller ikke.
• Hvis den inneholder hendelsen, så bruk fjerne() Metode for å deaktivere arrangementet.
• Ellers Legg til() Metoden brukes til å legge til vippebegivenheten.

Produksjon

Før du trykker på knappen:

Etter å ha trykket på knappen “Trykk på knapp”, Et klasseelement er byttet ut ved hjelp av Legg til fjern(), og inneholde() Metoder i JavaScript.

Etter å ha trykket på knappen:

Ved å klikke på “Trykk på knapp” knapp, en melding “Velkommen til JavaScript World” vises ved hjelp av Legg til fjern(), og inneholde() Metoder i JavaScript.

Konklusjon

Bytter an Elementklasse er en prosess med å legge til eller fjerne en klasse ved å bruke elementene i JavaScript. For å veksle en elementklasse i JavaScript, kan du bruke Toggle () -metoden eller bruke add (), fjerne () og inneholde () metoder. Klassen inneholder et sett med egenskaper som brukes på elementer.