Metoden add for classList-objektet
Metoden add for
classList
-objektet giver mulighed for at tilføje CSS-klasser til et element.
Syntaks
element.classList.add(class);
Eksempel
Lad os tilføje klassen kkk til elementet:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('kkk');
Resultatet af kodeudførelsen:
<p id="elem" class="www ggg zzz kkk"></p>
Eksempel
Lad os tilføje klassen zzz til elementet, som
allerede findes i elementet - intet vil ske,
da duplikatklasser ikke tilføjes:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('zzz');
Resultatet af kodeudførelsen:
<p id="elem" class="www ggg zzz"></p>
Se også
-
metoden
classList.remove,
som fjerner en given klasse -
metoden
classList.contains,
som kontrollerer en given klasse -
metoden
classList.toggle,
som skifter en given klasse