Element.className

Springen zu:
  1. Zusammenfassung
  2. Syntax
  3. Beispiel
  4. Anmerkungen
  5. Spezifikation
  6. Browserkompabilität
  7. See also

Diese Übersetzung ist unvollständig. Bitte helfen Sie, diesen Artikel aus dem Englischen zu übersetzen.

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)

See also

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: BamBamXXL, Frexeptabel
Zuletzt aktualisiert von: BamBamXXL,