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
CSSd'éléments duDOM.