DOMTokenList: forEach() 方法

forEach() 方法是 DOMTokenList 接口的方法,它会按照插入顺序,对列表中的每个值对调用参数中给定的回调函数。

语法

js
forEach(callback)
forEach(callback, thisArg)

参数

回调

对每个元素执行的函数,最终将接收三个参数

currentValue

数组中正在处理的当前元素。

currentIndex

数组中正在处理的当前元素的索引。

listObj

正在应用 forEach() 的数组。

thisArg 可选

在执行 callback 时用作 this 的值。

返回值

无。

示例

在以下示例中,我们使用 Element.classList 获取设置在 <pre> 元素上的类列表,作为 DOMTokenList。然后,我们使用 forEach() 获取包含值的迭代器,并将每个值写入 forEach() 内部函数中的 <pre>Node.textContent

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");

结果

规范

未找到规范

未找到 api.DOMTokenList.forEach 的规范数据。
检查此页面的问题 或贡献缺少的 spec_url mdn/browser-compat-data。另外,请确保规范包含在 w3c/browser-specs.

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参见