Metoden add for classList-objektet
Metoden add for
classList
objektet lar deg legge til CSS-klasser til et element.
Syntaks
element.classList.add(class);
Eksempel
La oss legge til klassen kkk til elementet:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('kkk');
Resultatet av kjøring av koden:
<p id="elem" class="www ggg zzz kkk"></p>
Eksempel
La oss legge til klassen zzz til elementet, som
allerede finnes i elementet - ingenting vil skje,
siden duplikatklasser ikke legges til:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('zzz');
Resultatet av kjøring av koden:
<p id="elem" class="www ggg zzz"></p>
Se også
-
metoden
classList.remove,
som fjerner en angitt klasse -
metoden
classList.contains,
som sjekker en angitt klasse -
metoden
classList.toggle,
som veksler en angitt klasse
