Element.className

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';
}

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 (en-US) wenn das element ein SVGElement (en-US) ist. Es ist besser das Attribut className eines Elements zu ändern, in dem Element.getAttribute (en-US) 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! (en-US)

Desktop
Mobile

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)