HTML - DOMTokenList forEach() 方法

HTML DOMTokenList **forEach()** 方法按插入顺序对列表中的每个值对调用参数中提到的回调函数一次。

语法

domtokenlist.forEach(callback(currentValue, currentIndex, listObj), thisArg);

参数

此方法接受五个参数，它们都列在下面。

参数	描述
callback	这是一个必需参数。它表示要在节点列表的每个元素上执行的函数。它接受三个参数。
currentValue	这是一个必需参数。它表示数组中的当前标记。
currentIndex	这是一个可选参数。它表示数组中当前标记的索引。
listObj	这是一个可选参数。它表示正在对其应用 forEach() 方法的数组或 DOMTokenList。
thisArg	这是一个可选参数。它表示在执行回调函数时用作 this 的值。

返回值

它不返回任何内容。

HTML DOMTokenList 'forEach()' 方法示例

以下示例将说明 HTML DOMTokenList forEach() 方法的使用。

<!DOCTYPE html>
<html>
<head>
    <title>
      HTML DOMTokenList forEach() Method
    </title>
</head>
<body>
    <button onclick="fun()">Click me</button>
    <br>
    <span id="itr" class="itr1 itr2 itr3"></span>
    <script>
        function fun() {
            let x = document.getElementById("itr").classList;
            let result="";
            x.forEach(
                function (currentValue, currentIndex) {
                    result += currentIndex + ": " + currentValue +"<br>";
                }
            );
            document.getElementById("itr").innerHTML =result;
        }
    </script>
</body>
</html>

支持的浏览器

方法
forEach()	是 42	是 16	是 50	是 10.1	是 29

html_domtokenlist_reference.htm

打印页面