Hur man lägger till klass

Lär dig hur du använder JavaScript för att lägga till klass till element.

klicka på knappen för att lägga till klass för mig!

lägg till klass

Lägg till klass till id="myDIV" av div-elementet (i detta exempel använder vi en knapp för att lägga till klass).

<button onclick="myFunction()">prova själv</button>
<div id="myDIV">
  Detta är ett DIV-element.
</div>

ställ in stilen för den angivna klassnamnet:

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

få id="myDIV" av <div>-elementet, och lägg till "mystyle" klass:

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