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

输出如下所示

规范

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

浏览器兼容性

另见