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
élément.classList.add(classe);
Exemple
Ajoutons la classe kkk à l'élément :
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('kkk');
Résultat de l'exécution du code :
<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 :
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('zzz');
Résultat de l'exécution du code :
<p id="elem" class="www ggg zzz"></p>
Voir aussi
-
la méthode
classList.remove,
qui supprime une classe donnée -
la méthode
classList.contains,
qui vérifie une classe donnée -
la méthode
classList.toggle,
qui alterne une classe donnée
