Wie füge ich mit JavaScript eine Klasse zu einem HTML-Element hinzu?

So fügen Sie mit JavaScript eine Klasse zu einem bestimmten Element hinzu

Um eine Klasse zu einem vorhandenen Element hinzuzufügen, können Sie mehrere Ansätze verwenden: abhängig von den Kompatibilitätsanforderungen des Browsers.

Moderne Browser

Für moderne Browser gilt: Die Eigenschaft classList bietet eine einfache Lösung:

element.classList.add("my-class");

Dieser Code fügt die Klasse „my-class“ zum angegebenen Element hinzu. Um eine Klasse zu entfernen, verwenden Sie classList.remove.

Internet Explorer 9 und niedriger

Für ältere Browser wie Internet Explorer 9 und niedriger können Sie die className-Eigenschaft manuell ändern :

var d = document.getElementById("div1");
d.className += " otherclass";

Stellen Sie sicher, dass Sie vor dem neuen Klassennamen ein Leerzeichen einfügen, da dies Konflikte mit bestehenden verhindert Klassen.

Zusätzliche Hinweise

• Die classList-Eigenschaft wird in allen wichtigen modernen Browsern unterstützt, einschließlich Chrome, Firefox, Safari, Edge und Opera.
• Weitere Informationen zur classList-Eigenschaft und anderen Methoden zum Bearbeiten von Klassen finden Sie in der MDN-Dokumentation unter element.className.

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