A classList objektum add metódusa

A add metódus a classList objektumon lehetővé teszi CSS osztályok hozzáadását egy elemhez.

Szintaxis

javascriptelement.classList.add(class);

Példa

Adjunk hozzá az elemhez a kkk osztályt:

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

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

A kód végrehajtásának eredménye:

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

Példa

Adjunk hozzá az elemhez a zzz osztályt, amely már megvan az elemen - nem fog történni semmi, mivel a dupla osztályokat nem adjuk hozzá:

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

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

A kód végrehajtásának eredménye:

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

Lásd még