Méthode add() de la liste des jetons DOM HTML

Définition et utilisation

add() La méthode ajoute un (ou plusieurs) jeton (token) à DOMTokenList.

Instance

Exemple 1

Ajouter la classe "myStyle" à l'élément :

const list = element.classList;
list.add("myStyle");

}

Exemple 2

Supprimer la classe "myStyle" de l'élément :

const list = element.classList;
list.remove("myStyle");

}

Exemple 3

Basculer l'ouverture et la fermeture de "myStyle" :

const list = element.classList;
list.toggle("myStyle");

}

Exemple 4

Ajouter plusieurs classes à l'élément :

const list = element.classList;
list.add("myStyle", "anotherClass", "thirdClass");

}

Exemple 5

Obtenir le nombre de marqueurs de classe de l'élément :

const list = element.classList;
let numb = list.length;

}

Exemple 6

Obtenir le marqueur de classe de l'élément "myDIV" :

const list = document.getElementById("myDIV").classList;

}

Exemple 7

Obtenir le marqueur de classe de l'élément "myDIV" :

let className = element.classList.item(0);

}

Exemple 8

L'élément possède-t-il le marqueur de classe "myStyle" ?

let x = element.classList.contains("myStyle");

}

Exemple 9

Si l'élément possède le marqueur de classe "myStyle", supprimez "anotherClass".

if (element.classList.contains("mystyle")) {
  element.classList.remove("anotherClass");

}

Essayez-le vous-même

Syntaxedomtokenlisttoken.add(

)

) Description
token Obligatoire. Le marqueur à ajouter à la liste.

Valeur de retour

Aucun.

Prise en charge du navigateur

domtokenlist.add() C'est une caractéristique du DOM Level 4 (2015).

Il est pris en charge par tous les navigateurs :

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Prend en charge Prend en charge Prend en charge Prend en charge Prend en charge

Internet Explorer 11 (et versions antérieures) ne prend pas en charge domtokenlist.add().

Pages associées

Propriété length

Méthode item()

Méthode remove()

Méthode toggle()

Méthode replace()

Méthode forEach()

Méthode entries()

Méthode keys()

Méthode values()

Objet DOMTokenList