Il metodo add dell'oggetto classList

Il metodo add dell'oggetto classList permette di aggiungere classi CSS a un elemento.

Sintassi

javascriptelement.classList.add(class);

Esempio

Aggiungiamo la classe kkk all'elemento:

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

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

Risultato dell'esecuzione del codice:

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

Esempio

Aggiungiamo all'elemento la classe zzz, che è già presente nell'elemento - non succederà nulla, poiché i duplicati delle classi non vengono aggiunti:

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

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

Risultato dell'esecuzione del codice:

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

Vedi anche