Comment supprimer une classe

Supprimer la classe

Étape 1 - Ajouter HTML :

Dans cet exemple, nous allons utiliser un bouton pour supprimer une classe à partir de id="myDIV" de l'élément <div> et supprimez "mystyle" Classe :

<button onclick="myFunction()">Essayez</button>
<div id="myDIV" class="mystyle">
  Ceci est un élément DIV.
</div>

Étape 2 - Ajouter CSS :

Définir les styles de la classe spécifiée :

.mystyle {
  width: 100%;
  padding: 25px;
  background-color: coral;
  color: white;
  font-size: 25px;
}

Étape 3 - Ajouter JavaScript :

Obtenir id="myDIV" de l'élément <div> et supprimez "mystyle" Classe :

function myFunction() {
  var element = document.getElementById("myDIV");
  element.classList.remove("mystyle");
}

Essayez-le vous-même

Pages associées

Tutoriel :Comment basculer une classe

Tutoriel :Comment ajouter une classe

Manuel de référence :Attribut classList de l'élément DOM HTML

Manuel de référence :Attribut className de l'élément DOM HTML