Hur man tar bort klass

Lär dig hur du använder JavaScript för att ta bort klassnamn från element.

Klicka på knappen för att ta bort en klass från mig!

ta bort klass

I detta exempel kommer vi att använda en knapp för att ta bort en klass från id="myDIV" av <div>-elementen, och ta bort "mystyle" klass:

<button onclick="myFunction()">Prova själv</button>
<div id="myDIV" class="mystyle">
  Detta är ett DIV-element.
</div>

ställ in stilen för den angivna klassnamnet:

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

få id="myDIV" av <div>-elementen, och ta bort "mystyle" klass:

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