classList objekta add metode
add metode
classList
objektam ļauj pievienot CSS klases elementam.
Sintakse
element.classList.add(class);
Piemērs
Pievienosim elementam klasi kkk:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('kkk');
Koda izpildes rezultāts:
<p id="elem" class="www ggg zzz kkk"></p>
Piemērs
Pievienosim elementam klasi zzz, kas
jau atrodas elementā - nekas nenotiks,
jo duplicētas klases netiek pievienotas:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('zzz');
Koda izpildes rezultāts:
<p id="elem" class="www ggg zzz"></p>
Skatiet arī
-
classList.removemetode,
kas noņem norādīto klasi -
classList.containsmetode,
kas pārbauda norādīto klasi -
classList.togglemetode,
kas pārslēdz norādīto klasi
