--- title: Element.className slug: Web/API/Element/className translation_of: Web/API/Element/className ---
{{APIRef("DOM")}}

Zusammenfassung

className holt und setzt den Wert des Attributs class eines bestimmten Elements.

Syntax

var cName = elementNodeReference.className;
elementNodeReference.className = cName;

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 {{domxref("SVGAnimatedString")}} wenn das element ein {{domxref("SVGElement")}} ist. Es ist besser das Attribut className eines Elements zu ändern, in dem {{domxref("Element.getAttribute")}} verwendet beziehungsweise {{domxref("Element.setAttribute")}}, wenn man mit SVG Elementen arbeitet.

elm.setAttribute('class', elm.getAttribute('class'))

 

Spezifikation

Spezifikation Status Kommentar
{{SpecName("DOM WHATWG", "#dom-element-classname", "element.className")}} {{Spec2("DOM WHATWG")}}  
{{SpecName("DOM4", "#dom-element-classname", "element.className")}} {{Spec2("DOM4")}}  
{{SpecName("DOM2 HTML", "html.html#ID-95362176", "element.className")}} {{Spec2("DOM2 HTML")}} Ursprüngliche Definition

Browserkompabilität

{{CompatibilityTable}}

Funktionalität Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
Grundsätzliche Unterstützung {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}
Funktionalität Android webview Chrome für Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Grundsätzliche Unterstützung {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}

See also