HTML HTMLCollection length

示例

文档中有多少段落：

let number = document.getElementsByTagName("p").length;

循环使用 class="myclass" 的元素并更改其字体大小：

const collection = document.getElementsByClassName("myclass");

for (let i = 0; i < collection.length; i++) {
collection[i].style.fontSize = "24px";
}

亲自试一试 »

描述

这个length属性返回 an 中的元素数量HTML集合。

这个length属性是只读的。

这个length当您想要循环遍历 HTMLCollection 时，属性非常有用。

HTML集合

一个HTML集合是 HTML 元素的类似数组的集合（列表）。

集合中的元素可以通过索引来访问。索引从 0 开始。

也可以看看：

项目方法

命名项目方法

HTMLCollection 对象

getElementsByClassName() 方法

getElementsByTagName() 方法

语法

HTMLCollection.length

返回值

Type	Description
Number	The number of elements the HTMLCollection.

浏览器支持

HTMLCollection.length所有浏览器都支持：


Chrome	Edge	Firefox	Safari	Opera	IE
Yes	Yes	Yes	Yes	Yes	Yes

❮上一节 ❮ HTMLCollection 对象参考下一节❯