Dernière mise à jour le .
- Dynamique
- >
- Modules
- >
- DOM
- >
- changeClass
DOM.changeClass
Attribue ou supprime une ou plusieurs classes CSS
d'éléments du DOM
.
Si une classe est déjà en attribut pour un élément, elle sera ignorée. Sinon, elle sera ajoutée.
Synthaxe
DOM.changeClass(arg1[, ..., argN])
Où:
-
arg1...argN
: liste d'une ou plusieurs chaine de caractères représentant chacune une classe qu'il faut attribuer ou supprimer à chaque élément du tableau du contexte englobantthis
.
Valeur de retour
Le contexte englobant this
est retourné.
Exemple sans Dynamique
L'utilisation de cette méthode sans dynamique n'est pas encore supportée.
Exemple avec Dynamique
Exemple 1: Attribution puis suppression d'une classe
L'exemple ci-dessous attribue la classe color-red
à la balise body
du document
puis la supprime à l'aide de la méthode changeClass
.
Dynamique("body").addClass("color-red").changeClass("color-red");
// Lors de l'appel de changeClass, puisque la balise body avait déjà la classe "color-red", celle-ci est supprimée
Exemple 2: Attribution de plusieurs classes
L'exemple ci-dessous attribue les classes color-red
et size-18
aux balises a
du document.
Dynamique("a").changeClass("color-red", "size-18");
// Pour chaque balise "a":
// - Si elle possède la classe "color-red", elle lui est supprimée;
// - Si elle possède la classe "size-18", elle lui est attribuée;
// - Si elle ne possède pas la classe "color-red", elle lui est attribuée;
// - Si elle ne possède pas la classe "size-18", elle lui est attribuée.
Compatibilité
Méthode codée en EcmaScript 6.
Méthodes liées
-
Méthode addClass: Attribue une ou plusieurs classes
CSS
à des éléments duDOM
. -
Méthode removeClass: Supprime une ou plusieurs classes
CSS
d'éléments duDOM
.