Wie entfernt man mit reinem JavaScript eine CSS-Klasse aus einem Element?

CSS-Klasse aus einem Element mit reinem JavaScript entfernen

Bei der Arbeit mit Webelementen kann es vorkommen, dass Sie eine dynamisch entfernen müssen spezifische CSS-Klasse. Es ist von entscheidender Bedeutung zu wissen, wie dies mit reinem JavaScript erreicht werden kann. Im Gegensatz zu jQuery, das die Elementmanipulation vereinfacht, bietet JavaScript eine vielseitige Lösung zum Entfernen von Klassen.

Um eine Klasse mithilfe von JavaScript effektiv aus einem Element zu entfernen, nutzen Sie die Eigenschaft classList, die von modernen Browsern weitgehend unterstützt wird. Die Syntax ist einfach:

ELEMENT.classList.remove("CLASS_NAME");

Betrachten wir zum Beispiel das folgende HTML-Element:

<div>

In diesem Fall ist el ein Element mit einer zugewiesenen roten Klasse. Angenommen, Sie möchten mithilfe von JavaScript die rote Klasse daraus entfernen. Sie können dies tun, indem Sie den folgenden Code ausführen:

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

Nach dieser Ausführung hat das el-Element nicht mehr die rote Klasse, wodurch sich sein Aussehen effektiv ändert. Beachten Sie, dass diese Lösung mit den meisten modernen Browsern kompatibel ist und eine saubere Möglichkeit bietet, CSS-Klassen dynamisch zu bearbeiten.

Das obige ist der detaillierte Inhalt vonWie entfernt man mit reinem JavaScript eine CSS-Klasse aus einem Element?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!