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() 方法