Hoe - Een klas verwijderen
Leer hoe u een klassenaam uit een element verwijdert met JavaScript.
Klik op de knop om een les van mij te verwijderen!
Klasse verwijderen
Stap 1) HTML toevoegen:
In dit voorbeeld gebruiken we een knop om de klasse "mystyle" uit het <div>-element te verwijderen met id="myDIV":
Voorbeeld
<button onclick="myFunction()">Try it</button>
<div id="myDIV"
class="mystyle">
This is a DIV element.
</div>
Stap 2) CSS toevoegen:
Stijl de opgegeven klassenaam:
Voorbeeld
.mystyle {
width: 100%;
padding:
25px;
background-color: coral;
color: white;
font-size: 25px;
}
Stap 3) JavaScript toevoegen:
Haal het element <div> op met id="myDIV" en verwijder de klasse "mystyle" eruit:
Voorbeeld
function myFunction() {
var element = document.getElementById("myDIV");
element.classList.remove("mystyle");
}
Tip: zie ook Hoe u een klas kunt wisselen .
Tip: zie ook Hoe u een klas kunt toevoegen .
Tip: Lees meer over de eigenschap classList in onze JavaScript-referentie.
Tip: Lees meer over de eigenschap className in onze JavaScript-referentie.