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 des Element-Interfaces ruft den Wert des class-Attributs des angegebenen Elements ab oder setzt diesen.
Wert
Eine Zeichenkette, die 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 Konflikte mit dem "class"-Schlüsselwort in vielen Sprachen gibt, die zur Manipulation des DOM verwendet werden.
className kann auch eine Instanz von SVGAnimatedString sein, wenn das element ein SVGElement ist. Es ist einfacher, das class-Attribut eines Elements mit Element.getAttribute und Element.setAttribute zu lesen und zu schreiben, wenn Sie mit SVG-Elementen arbeiten. Beachten Sie jedoch, dass Element.getAttribute null zurückgibt anstatt "", 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① |