Metoden add för classList-objektet
Metoden add för
classList-objektet
låter dig lägga till CSS-klasser till ett element.
Syntax
element.classList.add(class);
Exempel
Låt oss lägga till klassen kkk till elementet:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('kkk');
Resultatet av att köra koden:
<p id="elem" class="www ggg zzz kkk"></p>
Exempel
Låt oss lägga till klassen zzz till elementet, som
redan finns i elementet - ingenting kommer att hända,
eftersom duplicerade klasser inte läggs till:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('zzz');
Resultatet av att köra koden:
<p id="elem" class="www ggg zzz"></p>
Se även
-
metoden
classList.remove,
som tar bort en given klass -
metoden
classList.contains,
som kontrollerar en given klass -
metoden
classList.toggle,
som växlar en given klass