Gewusst wie: Entfernen Sie eine Klasse
Erfahren Sie, wie Sie mit JavaScript einen Klassennamen aus einem Element entfernen.
Klicken Sie auf die Schaltfläche, um eine Klasse von mir zu entfernen!
Klasse entfernen
Schritt 1) HTML hinzufügen:
In diesem Beispiel verwenden wir eine Schaltfläche, um die Klasse "mystyle" aus dem <div>-Element mit id="myDIV" zu entfernen:
Beispiel
<button onclick="myFunction()">Try it</button>
<div id="myDIV"
class="mystyle">
This is a DIV element.
</div>
Schritt 2) CSS hinzufügen:
Gestalten Sie den angegebenen Klassennamen:
Beispiel
.mystyle {
width: 100%;
padding:
25px;
background-color: coral;
color: white;
font-size: 25px;
}
Schritt 3) JavaScript hinzufügen:
Holen Sie sich das Element <div> mit id="myDIV" und entfernen Sie die Klasse "mystyle" daraus:
Beispiel
function myFunction() {
var element = document.getElementById("myDIV");
element.classList.remove("mystyle");
}
Tipp: Siehe auch How To Toggle A Class .
Tipp: Siehe auch So fügen Sie eine Klasse hinzu .
Tipp: Erfahren Sie mehr über die classList- Eigenschaft in unserer JavaScript-Referenz.
Tipp: Erfahren Sie mehr über die className- Eigenschaft in unserer JavaScript-Referenz.