DOMTokenList: forEach() method
The forEach() method of the DOMTokenList interface
calls the callback given in parameter once for each value pair in the list, in
insertion order.
Syntax
js
forEach(callback)
forEach(callback, thisArg)
Parameters
callback-
The function to execute for each element, eventually taking three arguments:
currentValue-
The current element being processed in the array.
currentIndex-
The index of the current element being processed in the array.
listObj-
The array that
forEach()is being applied to.
thisArgOptional-
The value to use as
thiswhen executingcallback.
Return value
None.
Example
In the following example we retrieve the list of classes set on a
<pre> element as a DOMTokenList using
Element.classList. We when retrieve an iterator containing the values
using forEach(), writing each one to the <pre>'s
Node.textContent inside the forEach() inner function.
HTML
html
<pre class="a b c"></pre>
JavaScript
js
const pre = document.querySelector("pre");
const classes = pre.classList;
const iterator = classes.values();
classes.forEach(function (value, key, listObj) {
pre.textContent += `(${value} ${key})/${this}\n`;
}, "arg");
Result
Specifications
No specification found
No specification data found for api.DOMTokenList.forEach.
Check for problems with this page or contribute a missing spec_url to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.
Browser compatibility
BCD tables only load in the browser