Como alterar a classe

Aprenda a usar JavaScript para alterar o nome da classe do elemento.

Este é um DIV.

Alterar a classe

Alterar a classe do elemento <div> de "mystyle" alterar para "newone":

<div id="myDIV" class="mystyle">
Este é um elemento DIV.
</div>
<script>
function myFunction() {
  const element = document.getElementById("myDIV");  // Obter o elemento DIV
  element.classList.remove("mystyle"); // Remover a classe mystyle do DIV
  element.classList.add("newone"); // Adicionar a classe newone ao DIV
}
</script>

Experimente pessoalmente

Página relevante

Tutorial:Como alternar a classe

Manual de referência:Propriedade classList do Elemento DOM HTML