Méthode add de l'objet classList

La méthode add de l'objet classList permet d'ajouter des classes CSS à un élément.

Syntaxe

javascriptélément.classList.add(classe);

Exemple

Ajoutons la classe kkk à l'élément :

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

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

Résultat de l'exécution du code :

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

Exemple

Ajoutons la classe zzz à l'élément, qui est déjà présente dans l'élément - rien ne se passera, car les doublons de classes ne sont pas ajoutés :

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

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

Résultat de l'exécution du code :

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

Voir aussi