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 表格仅在浏览器中加载