classList objekta add metode

add metode classList objektam ļauj pievienot CSS klases elementam.

Sintakse

javascriptelement.classList.add(class);

Piemērs

Pievienosim elementam klasi kkk:

html<p id="elem" class="www ggg zzz"></p>

javascriptlet elem = document.querySelector('#elem');
elem.classList.add('kkk');

Koda izpildes rezultāts:

html<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:

html<p id="elem" class="www ggg zzz"></p>

javascriptlet elem = document.querySelector('#elem');
elem.classList.add('zzz');

Koda izpildes rezultāts:

html<p id="elem" class="www ggg zzz"></p>

Skatiet arī