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

javascriptelement.classList.add(klasse);

Voorbeeld

Laten we de klasse kkk aan het element toevoegen:

html<p id="elem" class="www ggg zzz"></p>

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

Resultaat van de uitgevoerde code:

html<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:

html<p id="elem" class="www ggg zzz"></p>

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

Resultaat van de uitgevoerde code:

html<p id="elem" class="www ggg zzz"></p>

Zie ook