Comment - Supprimer une classe
Découvrez comment supprimer un nom de classe d'un élément avec JavaScript.
Cliquez sur le bouton pour me supprimer une classe !
Supprimer la classe
Étape 1) Ajoutez du HTML :
Dans cet exemple, nous allons utiliser un bouton pour supprimer la classe "mystyle" de l'élément <div> avec id="myDIV":
Exemple
<button onclick="myFunction()">Try it</button>
<div id="myDIV"
class="mystyle">
This is a DIV element.
</div>
Étape 2) Ajoutez CSS :
Stylez le nom de classe spécifié :
Exemple
.mystyle {
width: 100%;
padding:
25px;
background-color: coral;
color: white;
font-size: 25px;
}
Étape 3) Ajoutez JavaScript :
Obtenez l'élément <div> avec id="myDIV" et supprimez-en la classe "mystyle" :
Exemple
function myFunction() {
var element = document.getElementById("myDIV");
element.classList.remove("mystyle");
}
Conseil : consultez également Comment basculer une classe .
Conseil : consultez également Comment ajouter une classe .
Conseil : En savoir plus sur la propriété classList dans notre référence JavaScript.
Astuce : En savoir plus sur la propriété className dans notre référence JavaScript.