sådan fjernes en klasse

lær hvordan man bruger JavaScript til at fjerne klassenavne fra elementer.

klik på knappen for at fjerne en klasse fra mig!

fjern klasse

trin 1 - Tilføj HTML:

i dette eksempel bruger vi en knap til at fjerne en klasse fra id="myDIV" fjern fra <div>-elementet "mystyle" klasse:

<button onclick="myFunction()">prøv det</button>
<div id="myDIV" class="mystyle">
  Dette er et DIV-element.
</div>

trin 2 - Tilføj CSS:

sæt stil for specificeret klassenavn:

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

trin 3 - Tilføj JavaScript:

hent id="myDIV" fjern fra <div>-elementet "mystyle" klasse:

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

prøv det selv

relaterede sider

undervisningsvideo:Sådan skifter man klasse

undervisningsvideo:Sådan tilføjer man klasse

referencehåndbog:HTML DOM Element classList egenskap

referencehåndbog:HTML DOM Element className egenskap