classList-objektin add-metodi
add-metodi
classList-objektissa
mahdollistaa CSS-luokkien lisäämisen elementille.
Syntaksi
element.classList.add(class);
Esimerkki
Lisätään elementille luokka kkk:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('kkk');
Koodin suorituksen tulos:
<p id="elem" class="www ggg zzz kkk"></p>
Esimerkki
Lisätään elementille luokka zzz, joka
on jo elementissä - mitään ei tapahdu,
sillä kaksoiskappaleita luokista ei lisätä:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('zzz');
Koodin suorituksen tulos:
<p id="elem" class="www ggg zzz"></p>
Katso myös
-
classList.remove-metodi,
joka poistaa määritetyn luokan -
classList.contains-metodi,
joka tarkistaa määritetyn luokan -
classList.toggle-metodi,
joka vuorottelee määritetyn luokan
