De add methode van het classList object

De methode add van het object classList maakt het mogelijk om CSS klassen aan een element toe te voegen.

Syntaxis

element.classList.add(klasse);

Voorbeeld

Laten we de klasse kkk aan het element toevoegen:

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

Resultaat van de uitgevoerde code:

Voorbeeld

Laten we de klasse zzz toevoegen aan het element, die al aanwezig is in het element - er gebeurt niets, aangezien duplicaat klassen niet worden toegevoegd:

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

Resultaat van de uitgevoerde code:

Zie ook

methode classList.remove,
die een opgegeven klasse verwijdert
methode classList.contains,
die controleert op een opgegeven klasse
methode classList.toggle,
die een opgegeven klasse wisselt