Element.className

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

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.

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 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'))

• element.classList