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

é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 :

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

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

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 :

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

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

Voir aussi

la méthode classList.add,
qui ajoute une classe spécifiée
la méthode classList.remove,
qui supprime une classe spécifiée
la méthode classList.contains,
qui vérifie une classe spécifiée