hvordan man tilføjer klasse

lær hvordan man bruger JavaScript til at tilføje klasse til elementer.

klik på knappen for at tilføje klasse til mig!

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");
}

prøv det selv

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