DOM HTMLCollection リファレンスマニュアル

HTMLCollection オブジェクト

HTMLCollection オブジェクトは HTML 要素の配列に似たリストです。

getElementsByTagName() などのメソッドは HTMLCollection を返します。

属性とメソッド

HTMLCollection オブジェクト上で以下の属性とメソッドを使用できます：

属性 / メソッド 説明
item() HTMLCollection 内の指定されたインデックスの要素を返します。
length HTMLCollection 内の要素数を返します。
namedItem() 指定された ID または名前を持つ要素を返します。

例

例

HTMLCollection を取得します：

var x = document.getElementsByTagName("P");
// ドキュメント内のすべての P 要素の集合を返します

自分で試してみる

例

ドキュメント内の <p> 要素の数を出力します：

var x = document.getElementsByTagName("P");
document.write(x.length);

自分で試してみる

例

HTMLCollection 中的各要素をループで巡回します：

x = document.getElementsByTagName("*");
l = x.length;
for (i = 0; i < l; i++) {
  document.write(x[i].tagName + "<br>");
}

自分で試してみる