HTMLCollection length 属性

定义和用法

length 属性返回 HTMLCollection 中元素的数量。

此属性是只读的。

当您想要遍历 HTMLCollection 时,此元素很有用。

实例

例子 1

找出文档中有多少 P 元素:

function myFunction() {
  var l = document.getElementsByTagName("P").length;
  alert(l);
}

亲自试一试

例子 2

循环遍历所有 class="myclass" 的元素,并更改它们的背景颜色:

var x = document.getElementsByClassName("myclass");

for (i = 0; i < x.length; i++) {
  x[i].style.backgroundColor = "red";
}

亲自试一试

语法

HTMLCollection.length

返回值

数值,表示 HTMLCollection 中元素的数量。

浏览器支持

属性 Chrome IE Firefox Safari Opera
length 支持 支持 支持 支持 支持

相关页面

HTMLCollection:item() 方法

HTML 元素:getElementsByClassName() 方法

HTML 元素:getElementsByTagName() 方法