DOMTokenList: values() 方法

Baseline 已廣泛支援

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

values() 方法是 DOMTokenList 介面的一個方法,它返回一個 iterator,允許呼叫者遍歷 DOMTokenList 中包含的所有值。單個值是字串。

語法

js
values()

引數

無。

返回值

返回一個 iterator

示例

在下面的示例中,我們使用 Element.classList 來獲取 <span> 元素的類列表,該列表是一個 DOMTokenList。然後,我們使用 values() 獲取一個包含這些值的迭代器,然後使用 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.values();

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

輸出如下所示

規範

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

瀏覽器相容性