Miten poistaa luokka

Opit, miten poistaa luokan JavaScriptin avulla.

Napsauta painiketta poistaakseni luokan täältä!

poista luokka

Vaihe 1 - Lisää HTML:

Tässä esimerkissä käytämme painiketta poistaaksemme luokan id="myDIV" div-elementistä poista "mystyle" luokka:

<button onclick="myFunction()">Kokeile</button>
<div id="myDIV" class="mystyle">
  Tämä on DIV-elementti.
</div>

Vaihe 2 - Lisää CSS:

Aseta määritellyn luokan tyylit:

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

Vaihe 3 - Lisää JavaScript:

hanki id="myDIV" div-elementistä ja poista "mystyle" luokka:

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

kokeile itse

liittyvät sivut

oppa:Miten vaihtaa luokkaa

oppa:Miten lisätä luokkaa

viittauskirja:HTML DOM Element classList ominaisuus

viittauskirja:HTML DOM Element className ominaisuus