DOMTokenList: length 属性

Baseline 已广泛支持

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

DOMTokenList 接口的只读 length 属性是一个 integer,表示存储在该对象中的对象的数量。

一个正整数,如果列表为空则为 0

示例

在下面的示例中,我们使用 Element.classList 获取作为 DOMTokenList 设置在 <span> 元素上的类列表,然后将列表的长度写入 <span>Node.textContent

首先,HTML 代码

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

现在是 JavaScript 代码

js
const span = document.querySelector("span");
const classes = span.classList;
const length = classes.length;

span.textContent = `classList length = ${length}`;

输出如下所示

规范

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

浏览器兼容性