HTML DOM className Attribut

HTML DOM Element-Objekt

classNameDas Attribut setzt oder gibt den Wert des class-Attributs des spezifizierten Elements als String zurück.

Wird zurückgegeben, wenn das angegebene Element kein Class-Attribut hat oder das Class-Attribut nicht gesetzt istnullString.

Syntax:

Gibt das className-Attribut zurück:

element.className

Setzen Sie das className-Attribut:

element.className = cName

document.getElementById("x").className = "para";

Browserkompatibilität

Die className-Attribut wird von allen Browsern vollständig unterstützt:

Attributwert

Technische Details

Mehr Beispiele

Gibt den Klassennamen des ersten <div>-Elements zurück:

var x = document.getElementsByTagName("div")[0].className;

Ersetzen Sie den aktuellen Klassennamen mit einem neuen Namen:

<div class="myDiv">Dies ist ein DIV-Element</div>
script>
var x = document.getElementsByTagName("div")[0];
x.className = "anotherClass";
</script>

Um eine Klasse zu einem Element hinzuzufügen, ohne die vorhandenen Werte zu überschreiben, fügen Sie einen Leerzeichen und den neuen Klassennamen ein:

<div class="myDiv">Dies ist ein DIV-Element</div>
script>
var x = document.getElementsByTagName("div")[0];
x.className　+= " anotherClass";
</script>

Finden Sie heraus, ob das <div>-Element die Klasse "shadow" hat:

var x = document.getElementsByTagName("div")[0];
if (x.className.indexOf("shadow") !=　-1) {
　　　alert("Yes... The DIV has 'shadow' class");
} else {
　　　alert("False");
}

Zusammenhängende Referenzen

CSS-Tutorial:CSS-Selektoren

CSS Referenz:CSS #idSelektoren

CSS Referenz: CSS .class Selektoren

JavaScript Referenz:String indexOf() Methode

HTML DOM Referenz:HTML DOM classList-Eigenschaft

HTML DOM Referenz:HTML DOM getElementsByClassName() Methode

HTML DOM Referenz:HTML DOM getElementById() Methode

HTML DOM Referenz:HTML DOM querySelector() Methode

HTML DOM Element-Objekt