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}) `;
}

输出如下所示

规范

此特性似乎未在任何规范中定义。

浏览器兼容性