DOMTokenList:keys() 方法

Baseline 已廣泛支援

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

DOMTokenList 介面的 keys() 方法返回一個 迭代器,允許遍歷此物件中包含的所有鍵。鍵是無符號整數。

語法

js
keys()

引數

無。

返回值

返回一個 迭代器

示例

在以下示例中,我們使用 Element.classList 獲取設定在 <span> 元素上的類列表,並將其作為 DOMTokenList。然後,我們使用 keys() 獲取包含鍵的迭代器,然後使用 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.keys();

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

輸出如下所示

規範

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

瀏覽器相容性

另見