blob: 84e4fee3b2329f8342a1f1913fe4ff0e8eff6d29 (
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
65
66
67
68
69
70
71
72
73
74
75
76
|
---
title: DOMTokenList.forEach()
slug: Web/API/DOMTokenList/forEach
translation_of: Web/API/DOMTokenList/forEach
---
{{APIRef("DOM")}}
La méthode **`forEach()`** de l'interface {{domxref("DOMTokenList")}} appelle le retour donné en paramètre, un pour chaque paire de valeurs dans la liste, dans l'ordre d'insertion.
## Syntaxe
tokenList.forEach(callback);
tokenList.forEach(callback, argument);
### Paramètres
- `callback`
- : Fonction à exécuter pour chaque élément, prenant éventuellement 3 arguments :
- _`currentValue`_
- : L'élément en cours de traitement dans le tableau.
- `currentIndex`
- : L'index de l'élément en cours de traitement dans le tableau.
- _`listObj`_
- : Le tableau que `forEach()` est en train d'appliquer.
- `argument` {{Optional_Inline}}
- : Valeur à utiliser comme {{jsxref("this")}} lors de l'exécution du `callback` (_rappel_).
### Valeur renvoyée
{{jsxref('undefined')}} (_indéfinie_).
## Exemple
Dans l'exemple suivant, nous récupérons la liste des classes définies dans un élément {{htmlelement("span")}} en tant que `DOMTokenList` en utilisant {{domxref("Element.classList")}}. Nous récupérons un itérateur contenant les valeurs avec `forEach()` et écrivons chacune d'elles dans le {{domxref("Node.textContent")}} du `<span>` pendant l'exécution de la fonction interne `forEach()`.
### HTML
```html
<span class="a b c"></span>
```
### JavaScript
```js
var span = document.querySelector("span");
var classes = span.classList;
var iterator = classes.values();
classes.forEach(
function(value, key, listObj) {
span.textContent += value + ' ' + key + "/" + this + ' ++ ';
},
"arg"
);
```
### Résultat
{{ EmbedLiveSample('Exemple', '100%', 60) }}
## Spécifications
| Spécification | Statut | Commentaire |
| ------------------------------------------------------------------------------------------------------------------------ | -------------------------------- | -------------------- |
| {{SpecName('DOM WHATWG','#interface-domtokenlist','forEach() (as iterable<Node>)')}} | {{Spec2('DOM WHATWG')}} | Définition initiale. |
## Compatibilité des navigateurs
{{Compat("api.DOMTokenList.forEach")}}
## Voir aussi
- {{domxref("DOMSettableTokenList")}} (objet qui étend DOMTokenList avec la propriété définissable _.value_)
|
