Wie kann ich mit reinem JavaScript eine Klasse aus einem HTML-Element entfernen?

Entfernen von Elementklassen mit reinem JavaScript

Das Entfernen von Klassen aus einem Element ist eine häufige Aufgabe in der Webentwicklung, bei der JavaScript eine entscheidende Rolle spielt. So geht es ohne die Verwendung von jQuery:

Die bevorzugte und standardisierte Methode zum Entfernen von Klassen ist die Eigenschaft classList:

ELEMENT.classList.remove("CLASS_NAME");

Dieser Ansatz wird von modernen Browsern weitgehend unterstützt. Zum Beispiel:

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

Wobei:

• remove ist die Schaltfläche, die das Entfernen auslöst.
• el ist das Element, dessen Klasse entfernt werden muss.
• Rot ist der Klassenname, der entfernt werden soll.

In diesem Beispiel wird durch Klicken auf die Schaltfläche Folgendes angezeigt: Entfernen Sie die Klasse „rot“ aus dem Element mit der ID „el“ und ändern Sie die Hintergrundfarbe wieder auf die Standardfarbe.

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