Cómo eliminar clase
- Página anterior Agregar clase
- Página siguiente Clase de cambio
Aprenda a eliminar nombres de clase de elementos.
eliminar clase
Primer paso - Añadir HTML:
En este ejemplo, usaremos un botón para eliminar una clase desde id="myDIV"
eliminar una clase de aquí "mystyle"
Clase:
<button onclick="myFunction()">Intente hacerlo</button> <div id="myDIV" class="mystyle"> Este es un elemento DIV. </div>
Segundo paso - Añadir CSS:
Establecer el estilo de la clase especificada:
.mystyle { width: 100%; padding: 25px; background-color: coral; color: white; font-size: 25px; }
Tercero paso - Añadir JavaScript:
Obtener id="myDIV"
eliminar del elemento <div> "mystyle"
Clase:
function myFunction() { var element = document.getElementById("myDIV"); element.classList.remove("mystyle"); }
Páginas relacionadas
Tutoriales:¿Cómo cambiar la clase
Tutoriales:¿Cómo agregar una clase
Manual de referencia:Atributo classList del elemento HTML DOM
Manual de referencia:Atributo className del elemento HTML DOM
- Página anterior Agregar clase
- Página siguiente Clase de cambio