Element: className-Eigenschaft
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
Die className-Eigenschaft der Element-Schnittstelle spiegelt das Inhaltsattribut class des Elements wider.
Wert
Ein String, der die Klasse oder die durch Leerzeichen getrennten Klassen des aktuellen Elements darstellt.
Beispiele
const el = document.getElementById("item");
el.className = el.className === "active" ? "inactive" : "active";
Hinweise
Der Name className wird für diese Eigenschaft anstelle von class verwendet,
da es in vielen Sprachen, die zur Manipulation des DOM verwendet werden, Konflikte mit dem Schlüsselwort „class“ gibt.
className kann auch eine Instanz von SVGAnimatedString sein, wenn
das element ein SVGElement ist. Bei SVG-Elementen ist es einfacher, das
class-Attribut eines Elements mit Element.getAttribute und
Element.setAttribute abzurufen bzw. festzulegen. Beachten Sie jedoch,
dass Element.getAttribute
null
anstelle von "" zurückgibt, wenn das element ein leeres class-Attribut hat.
elm.setAttribute("class", "my-class");
const myClass = elm.getAttribute("class");
Hinweis:
class ist der Name eines HTML-Attributs, während
className der Name einer DOM-Eigenschaft ist.
Spezifikationen
| Spezifikation |
|---|
| DOM # ref-for-dom-element-classname① |