Come attivare una classe di elementi in JavaScript?

La parola "Levegle" significa passare da una opzione. Attivazione di una classe Element si riferisce a cambiare una classe con un'altra classe. A tale scopo, il attivare () il metodo viene utilizzato per aggiungere o rimuovere una classe. È utile per visualizzare i contenuti sulle pagine Web. Restituisce un valore reale se una classe viene aggiunta ad esso. Mentre restituisce un falso valore per la rimozione di una classe. Inoltre, gli utenti possono utilizzare add (), contenere (), E rimuovere() Metodi per attivare una classe di elementi. Nella guida di oggi, imparerai a attivare una classe di elementi in JavaScript nei seguenti modi:

• Utilizzando il metodo Toggle () in JavaScript
• Utilizzando i metodi add (), rimuovi () e contengono () in javascript

Come attivare una classe di elementi in JavaScript?

Come altri linguaggi di programmazione, JavaScript Fornisce una varietà di funzionalità per la visualizzazione di contenuti sulle pagine Web. Per la visibilità del contenuto del sito Web, utilizza una caratteristica del attivare () metodo. Il metodo prende un input del nome della classe e lo attiva con l'aiuto di elementi HTML.

Sintassi

elemento.classlist.Toggle (ClassName)

JavaScript può attivare la classe dell'elemento nome della classe impiegando il classlist proprietà. La proprietà ha aggiornato i dati se la classe viene rimossa o aggiunta. Utilizzando l'elemento HTML, gli utenti possono esplorare il attivare () metodo.

Metodo 1: utilizzando il metodo Toggle () in JavaScript

Un esempio è dimostrato utilizzando il attivare () Metodo in JavaScript.

Codice

Un esempio di interruttore di una classe di elementi in JavaScript

premi il bottone
Benvenuti in JavaScript World.

La descrizione del codice sopra è qui:

Un pulsante chiamato "premi il bottone"È attaccato a un file myFunction () metodo. In questo metodo, un metodo toggle () viene utilizzato passando le proprietà di "stile". Dopo aver premuto il pulsante, il metodo Toggle () viene chiamato e applica le proprietà di stile al messaggio "Benvenuti in JavaScript World".

Produzione

Prima di premere il pulsante:

Dopo aver eseguito il codice sopra, l'output visualizza un pulsante "premi il bottone". Inoltre, viene visualizzato un messaggio qui "Benvenuti in JavaScript World".

Dopo aver premuto il pulsante:

Dopo aver premuto il pulsante, il codice JavaScript viene eseguito sul backend e attiva l'elemento Div su “stile". Successivamente, si osserva che vari stili sono inclusi nel div.

Metodo 2: utilizzando i metodi add (), rimuovi () e contengono ()

Un altro esempio è adattato utilizzando i metodi contenuti (), rimozione () e aggiungi () in javascript.

Codice

Un altro esempio di attivazione di un elemento di classe

Cliccami

Benvenuti in JavaScript World

La descrizione del codice è come di seguito.

• In questo codice, u_method () viene utilizzato per ottenere l'elemento HTML in P variabile.
• Dopodiché, il contenere() il metodo viene utilizzato per valutare se il metodo è attivato o meno.
• Se contiene l'evento, usa il rimuovere() Metodo per disabilitare l'evento.
• Altrimenti, il aggiungere() Il metodo viene utilizzato per aggiungere l'evento a disattivazione.

Produzione

Prima di premere il pulsante:

Dopo aver premuto il pulsante "Premere il pulsante", Un elemento di classe è attivato utilizzando il Aggiungi Rimuovi(), E contenere() Metodi in JavaScript.

Dopo aver premuto il pulsante:

Facendo clic sul "Premere il pulsante" pulsante, un messaggio "Benvenuti in JavaScript World" viene visualizzato usando il file Aggiungi Rimuovi(), E contenere() Metodi in JavaScript.

Conclusione

Attivo UN Classe di elementi è un processo di aggiunta o rimozione di una classe utilizzando gli elementi in JavaScript. Per attivare una classe di elementi in JavaScript, è possibile utilizzare il metodo Toggle () o utilizzare i metodi Add (), Rimuovi () e contenere (). La classe contiene una serie di proprietà applicate agli elementi.