Wie entferne ich eine CSS-Klasse aus einem Element mithilfe von JavaScript (ohne jQuery)?

So entfernen Sie eine CSS-Klasse aus einem Element mithilfe von JavaScript (ohne jQuery)

Frage: Kann mir jemand weiterhelfen So entfernen Sie eine Klasse aus einem HTML-Element rein mit JavaScript, ausgenommen jQuery?

Antwort:

Der bevorzugte Ansatz ist die Verwendung der classList-Eigenschaft. Es wird von allen modernen Browsern weitgehend unterstützt.

Um eine Klasse zu entfernen, verwenden Sie einfach die folgende Syntax:

ELEMENT.classList.remove("CLASS_NAME");

Beispiel:

Betrachten Sie a button-Element mit einer Klasse namens „red“, um dieses Konzept zu demonstrieren:

<button>

Wenn auf die Schaltfläche geklickt wird, wird das folgende JavaScript angezeigt Code entfernt die Klasse „rot“ aus einem Element mit der ID „el“:

remove.onclick = () => {
  const el = document.querySelector('#el');
  el.classList.remove("red");
};

Diese Aktion ändert die auf das Element mit der ID „el“ angewendeten CSS-Stile und entfernt so effektiv den rötlichen Hintergrund:

.red {
  background: red
}

Das obige ist der detaillierte Inhalt vonWie entferne ich eine CSS-Klasse aus einem Element mithilfe von JavaScript (ohne jQuery)?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!