classList objekti meetod add

classList objekti meetod add võimaldab elementidele CSS klasse lisada.

Süntaks

javascriptelement.classList.add(class);

Näide

Lisame elemendile klassi kkk:

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

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

Koodi täitmise tulemus:

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

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

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

Koodi täitmise tulemus:

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

Vaata ka