Zusammenfassung
className holt und setzt den Wert des Attributs class
eines bestimmten Elements.
Syntax
var cName = elementNodeReference.className; elementNodeReference.className = cName;
- cName ist eine Variable vom Typen string, die eine Klasse oder die, durch Leerzeichen getrennte, Klassen des aktuellen Elements darstellt.
Beispiel
let elm = document.getElementById('item');
if(elm.className === 'active'){
elm.className = 'inactive';
} else {
elm.className = 'active';
}
Anmerkungen
Der Name className
wird für diese Eigenschaft anstelle von class
benutzt, um Komplikationen mit dem Schlüsselwort "class", welches in vielen Sprachen verwendet wird um das DOM zu verändern, zu vermeiden.
className
kann auch eine Instanz von SVGAnimatedString
wenn das element
ein SVGElement
ist. Es ist besser das Attribut className
eines Elements zu ändern, in dem Element.getAttribute
verwendet beziehungsweise Element.setAttribute
, wenn man mit SVG Elementen arbeitet.
elm.setAttribute('class', elm.getAttribute('class'))
Spezifikation
Spezifikation | Status | Kommentar |
---|---|---|
DOM Die Definition von 'element.className' in dieser Spezifikation. |
Lebender Standard | |
DOM4 Die Definition von 'element.className' in dieser Spezifikation. |
Veraltet | |
Document Object Model (DOM) Level 2 HTML Specification Die Definition von 'element.className' in dieser Spezifikation. |
Veraltet | Ursprüngliche Definition |
Browserkompabilität
Wir konvertieren die Kompatibilitätsdaten in ein maschinenlesbares JSON Format.
Diese Kompatibilitätstabelle liegt noch im alten Format vor,
denn die darin enthaltenen Daten wurden noch nicht konvertiert.
Finde heraus wie du helfen kannst!
Funktionalität | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
Grundsätzliche Unterstützung | (Ja) | (Ja) | (Ja) | (Ja) | (Ja) | (Ja) |
Funktionalität | Android webview | Chrome für Android | Edge | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|---|
Grundsätzliche Unterstützung | (Ja) | (Ja) | (Ja) | (Ja) | (Ja) | (Ja) | (Ja) |