HTMLCollection length 属性

实例

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

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

亲自试一试

定义和用法

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

此属性是只读的。

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

浏览器支持

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

语法

HTMLCollection.length

返回值

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

更多实例

实例

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

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

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

亲自试一试

相关页面

HTMLCollection:item() 方法

HTML 元素:getElementsByClassName() 方法

HTML 元素:getElementsByTagName() 方法