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() メソッド