Wie kann ich eine CSS-Klasse mit JavaScript entfernen, ohne jQuery zu verwenden?

CSS-Klasse mit JavaScript ohne jQuery entfernen

Um eine Klasse für ein Element in JavaScript zu entfernen, meiden Sie jQuery und probieren Sie die Klassenliste aus Eigentum. Es wird in modernen Browsern weitgehend unterstützt und bietet eine standardisierte Lösung:

Code:

ELEMENT.classList.remove("CLASS_NAME");

Beispiel:

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

HTML:

<div>

CSS:

.red {
  background: red
}

Von Durch die Implementierung von classList.remove() können Sie mühelos eine bestimmte CSS-Klasse aus einem Element entfernen und so eine dynamische Kontrolle über das Erscheinungsbild des Elements ermöglichen, ohne auf jQuery angewiesen zu sein.

Das obige ist der detaillierte Inhalt vonWie kann ich eine CSS-Klasse mit JavaScript entfernen, ohne jQuery zu verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!