Wie man Klassen löscht

Lernen Sie, wie Sie mit JavaScript Klassen aus einem Element entfernen.

Klicken Sie auf die Schaltfläche, um eine Klasse von mir zu entfernen!

Klasse löschen

Erster Schritt - HTML hinzufügen:

In diesem Beispiel verwenden wir einen Knopf, um eine Klasse von id="myDIV" des <div>-Elements entfernen "mystyle" Klasse:

<button onclick="myFunction()">Versuchen Sie es</button>
<div id="myDIV" class="mystyle">
  Dies ist ein DIV-Element.
</div>

Zweiter Schritt - CSS hinzufügen:

Stellen Sie das Stil der angegebenen Klasse ein:

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

Dritter Schritt - JavaScript hinzufügen:

erhalten id="myDIV" des <div>-Elements und entfernen "mystyle" Klasse:

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

Versuchen Sie es selbst

Verwandte Seiten

Tutorial:How to switch class

Tutorial:How to add class

Referenzhandbuch:The classList property of the HTML DOM Element

Referenzhandbuch:The className property of the HTML DOM Element