Dernière mise à jour le .
  1. Dynamique
  2. >
  3. Modules
  4. >
  5. DOM
  6. >
  7. 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 englobant this.

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