Cómo cambiar la clase

Aprende cómo usar JavaScript para cambiar el nombre de la clase de un elemento.

Este es un DIV.

Cambiar la clase

Cambiar la clase del elemento <div> de "mystyle" Cambiar a "newone":

<div id="myDIV" class="mystyle">
Este es un elemento DIV.
</div>
<script>
function myFunction() {
  const element = document.getElementById("myDIV");  // Obtener el elemento DIV
  element.classList.remove("mystyle"); // Eliminar la clase mystyle del DIV
  element.classList.add("newone"); // Añadir la clase newone al DIV
}
</script>

Pruebe personalmente

Páginas relacionadas

Tutoriales:¿Cómo cambiar la clase

Manual de referencia:Atributo classList del elemento HTML DOM