Como remover classe

Remover classe

Primeiro passo - Adicionar HTML：

Neste exemplo, usaremos um botão para remover uma classe de id="myDIV" do elemento <div> remova "mystyle" Classe：

<button onclick="myFunction()">Experimente</button>
<div id="myDIV" class="mystyle">
  Este é um elemento DIV.
</div>

Segundo passo - Adicionar CSS：

Defina o estilo da classe especificada：

.mystyle {
  width: 100%;
  padding: 25px;
  background-color: coral;
  color: white;
  font-size: 25px;
}

Terceiro passo - Adicionar JavaScript：

Obtenha id="myDIV" do elemento <div> e remova "mystyle" Classe：

function myFunction() {
  var element = document.getElementById("myDIV");
  element.classList.remove("mystyle");
}

Experimente pessoalmente

Páginas relacionadas

Tutorial：Como alternar a classe

Tutorial：Como adicionar a classe

Manual de referência：A propriedade classList do elemento DOM HTML

Manual de referência：A propriedade className do elemento DOM HTML