Metoda add a obiectului classList

Metoda add a obiectului classList permite adăugarea claselor CSS unui element.

Sintaxă

javascriptelement.classList.add(class);

Exemplu

Să adăugăm elementului clasa kkk:

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

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

Rezultatul executării codului:

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

Exemplu

Să adăugăm elementului clasa zzz, care deja există în element - nu se va întâmpla nimic, deoarece duplicatele de clase nu se adaugă:

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

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

Rezultatul executării codului:

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

Vezi și