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

列印頁面