Cómo eliminar clase

Aprenda a eliminar nombres de clase de elementos.

¡Haga clic en el botón para eliminar una clase de aquí!

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");
}

Intente hacerlo personalmente

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