Come fare per - Rimuovere una classe
Scopri come rimuovere il nome di una classe da un elemento con JavaScript.
Fare clic sul pulsante per rimuovere un corso da me!
Rimuovi classe
Passaggio 1) Aggiungi HTML:
In questo esempio, useremo un pulsante per rimuovere la classe "mystyle" dall'elemento <div> con id="myDIV":
Esempio
<button onclick="myFunction()">Try it</button>
<div id="myDIV"
class="mystyle">
This is a DIV element.
</div>
Passaggio 2) Aggiungi CSS:
Stile il nome della classe specificato:
Esempio
.mystyle {
width: 100%;
padding:
25px;
background-color: coral;
color: white;
font-size: 25px;
}
Passaggio 3) Aggiungi JavaScript:
Ottieni l'elemento <div> con id="myDIV" e rimuovi da esso la classe "mystyle":
Esempio
function myFunction() {
var element = document.getElementById("myDIV");
element.classList.remove("mystyle");
}
Suggerimento: vedi anche Come attivare/disattivare una classe .
Suggerimento: vedi anche Come aggiungere una classe .
Suggerimento: scopri di più sulla proprietà classList nel nostro JavaScript Reference.
Suggerimento: scopri di più sulla proprietà className nel nostro JavaScript Reference.