DOMTokenList.forEach()
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
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.
thisArg
Optional-
The value to use as
this
when 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
<pre class="a b c"></pre>
JavaScript
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