Cómo - Eliminar una clase
Aprenda a eliminar un nombre de clase de un elemento con JavaScript.
¡Haz clic en el botón para quitarme una clase!
Quitar clase
Paso 1) Agregar HTML:
En este ejemplo, usaremos un botón para eliminar la clase "mystyle" del elemento <div> con id="myDIV":
Ejemplo
<button onclick="myFunction()">Try it</button>
<div id="myDIV"
class="mystyle">
This is a DIV element.
</div>
Paso 2) Agregar CSS:
Dale estilo al nombre de clase especificado:
Ejemplo
.mystyle {
width: 100%;
padding:
25px;
background-color: coral;
color: white;
font-size: 25px;
}
Paso 3) Agregar JavaScript:
Obtenga el elemento <div> con id="myDIV" y elimine la clase "mystyle" de él:
Ejemplo
function myFunction() {
var element = document.getElementById("myDIV");
element.classList.remove("mystyle");
}
Sugerencia: consulte también Cómo alternar una clase .
Sugerencia: consulte también Cómo agregar una clase .
Sugerencia: obtenga más información sobre la propiedad classList en nuestra referencia de JavaScript.
Sugerencia: obtenga más información sobre la propiedad className en nuestra referencia de JavaScript.