sådan fjernes en klasse
- forrige side tilføj klasse
- næste side ændringsklasse
lær hvordan man bruger JavaScript til at fjerne klassenavne fra elementer.
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"); }
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
- forrige side tilføj klasse
- næste side ændringsklasse