Die Methode add des classList-Objekts

Die Methode add des classList Objekts ermöglicht das Hinzufügen von CSS-Klassen zu einem Element.

Syntax

element.classList.add(klasse);

Beispiel

Fügen wir dem Element die Klasse kkk hinzu:

let elem = document.querySelector('#elem');
elem.classList.add('kkk');

Ergebnis der Codeausführung:

Beispiel

Fügen wir dem Element die Klasse zzz hinzu, die bereits im Element vorhanden ist - es passiert nichts, da doppelte Klassen nicht hinzugefügt werden:

let elem = document.querySelector('#elem');
elem.classList.add('zzz');

Ergebnis der Codeausführung:

Siehe auch

die Methode classList.remove,
die eine gegebene Klasse entfernt
die Methode classList.contains,
die eine gegebene Klasse prüft
die Methode classList.toggle,
die eine gegebene Klasse umschaltet