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

输出如下所示

规范

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

浏览器兼容性

另见