Méthode toggle de l'objet classList

La méthode toggle de l'objet classList alterne la classe CSS spécifiée d'un élément : elle ajoute la classe si elle n'est pas présente et la supprime si elle est présente.

Syntaxe

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

Exemple

Dans cet exemple, lors de l'utilisation de la méthode toggle, la classe zzz sera supprimée, car elle est déjà présente dans l'élément :

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

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

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

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

Exemple

Dans cet exemple, lors de l'utilisation de la méthode toggle, la classe zzz sera ajoutée, car elle n'est pas présente dans l'élément :

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

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

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

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

Voir aussi