DOMTokenList.remove()

La méthode remove() de l'interface DOMTokenList supprime sur la liste la marque (token) spécifiée.

Syntaxe

tokenList.remove(token);

Paramètres

token
Une DOMString (chaîne de caractères) représentant la marque que vous voulez supprimer sur la liste. Si la chaîne de caractères n'existe pas sur la liste, aucune erreur n'est levée et rien ne se passe.

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

Spécification Statut Commentaire
DOM
La définition de 'remove()' dans cette spécification.
Standard évolutif Définition initiale

Compatibilité des navigateurs

Nous convertissons les données de compatibilité dans un format JSON. Ce tableau de compatibilité utilise encore l'ancien format car nous n'avons pas encore converti les données qu'il contient. Vous pouvez nous aider en contribuant !

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support (Oui) (Oui) 10 (Oui) (Oui)
Fonctionnalité Android Webview Chrome for Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support (Oui) (Oui) (Oui) (Oui) ? (Oui)

 

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : loella16
 Dernière mise à jour par : loella16,