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:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('kkk');
Resultaat van de uitgevoerde code:
<p id="elem" class="www ggg zzz kkk"></p>
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:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('zzz');
Resultaat van de uitgevoerde code:
<p id="elem" class="www ggg zzz"></p>
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
