DOMTokenList.remove()
Baseline
Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
La méthode remove() de l'interface DOMTokenList supprime sur la liste la marque (token) spécifiée.
Syntaxe
tokenList.remove(token1[, token2[, ...]]);
Paramètres
Valeur retournée
Vide.
Exemples
Dans l'exemple suivant, nous récupérons la liste des classes définies dans l'élément <span> en tant que DOMTokenList en utilisant Element.classList. Nous retirons ensuite une marque sur la liste et écrivons la liste dans le Node.textContent du <span>.
D'abord, le HTML :
<span class="a b c"></span>
Maintenant le JavaScript :
var span = document.querySelector("span");
var classes = span.classList;
classes.remove("c");
span.textContent = classes;
La sortie ressemble à ceci :
Pour supprimer plusieurs classes à la fois, vous pouvez utiliser un tableau (array) avec la syntaxe de décomposition. L'ordre des classes n'a pas d'importance :
let span = document.getElementsByTagName("span")[0],
classes = span.classList;
classes.remove(...["c", "b"]);
span.textContent = classes;
Spécifications
| Specification |
|---|
| DOM # ref-for-dom-domtokenlist-remove① |
Compatibilité des navigateurs
Chargement…