DOMTokenList: item() 方法

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

item()DOMTokenList 接口的一个方法,用于通过其在列表中的位置(索引)来返回列表中的一个项目。

注意: 此方法等同于 方括号表示法。因此 list.item(i)list[i] 的作用相同。

语法

js
item(index)

参数

index

一个表示你想要返回的项目索引的数字。如果它不是一个整数,则只考虑整数部分。

返回值

一个表示返回项的字符串,如果该数字大于或等于列表的 length,则返回 null

异常

TypeError

如果 index 无法转换为整数,则抛出此异常。

示例

在下面的示例中,我们使用 Element.classList 来检索设置在 <span> 元素上的一系列类,并将其作为 DOMTokenList。然后,我们使用 item(tokenList.length - 1) 检索列表中的最后一个项目,并将其写入 <span>Node.textContent

首先,HTML 代码

html
<span class="a b c"></span>

现在是 JavaScript 代码

js
const span = document.querySelector("span");
const classes = span.classList;
const item = classes.item(classes.length - 1);
span.textContent = item;

输出如下所示

规范

规范
DOM
# ref-for-dom-domtokenlist-item①

浏览器兼容性