Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
Element: className-Eigenschaft
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
DieclassName-Eigenschaft desElement-Interfaces ruft den Wert desclass-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 NameclassName wird für diese Eigenschaft anstelle vonclass 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 vonSVGAnimatedString sein, wenn daselement einSVGElement ist. Es ist einfacher, dasclass-Attribut eines Elements mitElement.getAttribute undElement.setAttribute zu lesen und zu schreiben, wenn Sie mit SVG-Elementen arbeiten. Beachten Sie jedoch, dassElement.getAttributenull zurückgibt anstatt"", wenn daselement ein leeresclass-Attribut hat.
elm.setAttribute("class", "my-class");const myClass = elm.getAttribute("class");Hinweis:>class ist der Name einesHTML-Attributs, währendclassName der Name einerDOM-Eigenschaft ist.
Spezifikationen
| Specification |
|---|
| DOM # ref-for-dom-element-classname① |