Como - Remover uma classe
Saiba como remover um nome de classe de um elemento com JavaScript.
Clique no botão para remover uma aula minha!
Remover classe
Etapa 1) Adicionar HTML:
Neste exemplo, usaremos um botão para remover a classe "mystyle" do elemento <div> com id="myDIV":
Exemplo
<button onclick="myFunction()">Try it</button>
<div id="myDIV"
class="mystyle">
This is a DIV element.
</div>
Etapa 2) Adicionar CSS:
Estilize o nome da classe especificada:
Exemplo
.mystyle {
width: 100%;
padding:
25px;
background-color: coral;
color: white;
font-size: 25px;
}
Etapa 3) Adicione JavaScript:
Obtenha o elemento <div> com id="myDIV" e remova a classe "mystyle" dele:
Exemplo
function myFunction() {
var element = document.getElementById("myDIV");
element.classList.remove("mystyle");
}
Dica: consulte também Como alternar uma classe .
Dica: consulte também Como adicionar uma classe .
Dica: Saiba mais sobre a propriedade classList em nossa Referência JavaScript.
Dica: Saiba mais sobre a propriedade className em nossa Referência JavaScript.