classList objekti meetod add
classList
objekti meetod add
võimaldab elementidele CSS klasse lisada.
Süntaks
element.classList.add(class);
Näide
Lisame elemendile klassi kkk:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('kkk');
Koodi täitmise tulemus:
<p id="elem" class="www ggg zzz kkk"></p>
Näide
Lisame elemendile klassi zzz, mis
elementis juba on - midagi ei juhtu,
kuna duplikaat klasse ei lisata:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('zzz');
Koodi täitmise tulemus:
<p id="elem" class="www ggg zzz"></p>
Vaata ka
-
meetod
classList.remove,
mis eemaldab määratud klassi -
meetod
classList.contains,
mis kontrollib määratud klassi -
meetod
classList.toggle,
mis vaheldab määratud klassi
