blob: 4a48ffbc3f3eae7f9f8cea47f7da3ff177a1d6d8 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
|
---
title: DOMTokenList.remove()
slug: Web/API/DOMTokenList/remove
translation_of: Web/API/DOMTokenList/remove
---
{{APIRef("DOM")}}
La méthode **`remove()`** de l'interface {{domxref("DOMTokenList")}} supprime sur la liste la marque (_token)_ spécifiée.
## Syntaxe
tokenList.remove(token1[, token2[, ...]]);
### Paramètres
- tokenN...
- : Une {{domxref("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 {{htmlelement("span")}} en tant que `DOMTokenList` en utilisant {{domxref("Element.classList")}}. Nous retirons ensuite une marque sur la liste et écrivons la liste dans le {{domxref("Node.textContent")}} du `<span>`.
D'abord, le HTML :
```html
<span class="a b c"></span>
```
Maintenant le JavaScript :
```js
var span = document.querySelector("span");
var classes = span.classList;
classes.remove("c");
span.textContent = classes;
```
La sortie ressemble à ceci :
{{ EmbedLiveSample('Exemples', '100%', 60) }}
Pour supprimer plusieurs classes à la fois, vous pouvez utiliser un tableau (_array_) avec la [syntaxe de décomposition](/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Op%C3%A9rateur_de_d%C3%A9composition). L'ordre des classes n'a pas d'importance :
```js
let span = document.getElementsByTagName("span")[0],
classes = span.classList;
classes.remove(...['c', 'b']);
span.textContent = classes;
```
## Spécifications
| Spécification | Statut | Commentaire |
| ------------------------------------------------------------------------------------ | -------------------------------- | ------------------- |
| {{SpecName('DOM WHATWG','#dom-domtokenlist-remove','remove()')}} | {{Spec2('DOM WHATWG')}} | Définition initiale |
## Compatibilité des navigateurs
{{Compat("api.DOMTokenList.remove")}}
|