DOMTokenList: entries() 方法

Baseline 已廣泛支援

此功能已非常成熟,可在多種裝置和瀏覽器版本上使用。自 2017 年 10 月以來,它已在各大瀏覽器中可用。

entries() 方法是 DOMTokenList 介面的一部分,它返回一個 iterator,允許您遍歷此物件中包含的所有鍵/值對。這些值是 Array,其中包含 [key, value] 對,每對代表一個單獨的 token。

語法

js
entries()

引數

無。

返回值

返回一個 iterator

示例

在下面的示例中,我們使用 Element.classList 獲取 <span> 元素上設定的類列表,作為 DOMTokenList。然後,我們使用 entries() 獲取包含鍵/值對的迭代器,然後使用 for...of 迴圈遍歷每個鍵/值對,並將它們寫入 <span>Node.textContent

首先,HTML 程式碼

html
<span class="a b c"></span>

現在是 JavaScript 程式碼

js
const span = document.querySelector("span");
const classes = span.classList;
const iterator = classes.entries();

for (const value of iterator) {
  span.textContent += `(${value})`;
}

輸出如下所示

規範

此特性似乎未在任何規範中定義。

瀏覽器相容性

另見