Metoden add for classList-objektet

Metoden add for classList -objektet giver mulighed for at tilføje CSS-klasser til et element.

Syntaks

javascriptelement.classList.add(class);

Eksempel

Lad os tilføje klassen kkk til elementet:

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

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

Resultatet af kodeudførelsen:

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

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

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

Resultatet af kodeudførelsen:

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

Se også