Il metodo add dell'oggetto classList

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

Sintassi

element.classList.add(class);

Esempio

Aggiungiamo la classe kkk all'elemento:

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

Risultato dell'esecuzione del codice:

Esempio

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

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

Risultato dell'esecuzione del codice:

Vedi anche

il metodo classList.remove,
che rimuove una classe specificata
il metodo classList.contains,
che verifica una classe specificata
il metodo classList.toggle,
che alterna una classe specificata