DOMTokenList.remove()

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

tokenN...
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

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
removeChrome Support complet 8Edge Support complet 12Firefox Support complet OuiIE Support complet 10Opera Support complet OuiSafari Support complet 5.1WebView Android Support complet 3Chrome Android Support complet 18Firefox Android Support complet OuiOpera Android Support complet OuiSafari iOS Support complet 5.1Samsung Internet Android Support complet 1.0
Multiple arguments for remove()Chrome Support complet 24Edge Support complet 12Firefox Support complet 26IE Aucun support NonOpera Support complet 15Safari Support complet 7WebView Android Support complet ≤37Chrome Android Support complet 25Firefox Android Support complet 26Opera Android Support complet 14Safari iOS Support complet 7Samsung Internet Android Support complet 1.5

Légende

Support complet  
Support complet
Aucun support  
Aucun support