hvordan man tilføjer klasse
- forrige side skift klasse
- næste side fjern klasse
lær hvordan man bruger JavaScript til at tilføje klasse til elementer.
tilføj klasse
trin 1 - Tilføj HTML:
tilføj klasse til id="myDIV"
den div element (i dette eksempel bruger vi en knap til at tilføje klasse).
<button onclick="myFunction()">prøv det</button> <div id="myDIV"> Dette er en DIV element. </div>
trin 2 - Tilføj CSS:
sæt stil for den angivne klasse:
.mystyle { width: 100%; padding: 25px; background-color: coral; color: white; font-size: 25px; }
trin 3 - Tilføj JavaScript:
hent id="myDIV"
den <div> element, og tilføj "mystyle"
klasse:
function myFunction() { var element = document.getElementById("myDIV"); element.classList.add("mystyle"); }
relaterede sider
instruktioner:Sådan skifter man klasse
instruktioner:Sådan sletter man klasse
referencehåndbog:HTML DOM Element classList egenskab
referencehåndbog:HTML DOM Element className egenskab
- forrige side skift klasse
- næste side fjern klasse