DOM HTMLCollection

HTMLCollection は HTML 要素のコレクションです。

HTMLCollection オブジェクトは、HTML 要素を含む配列リストに似ています。

getElementsByTagName()メソッドが返すのは HTMLCollection オブジェクトです。


プロパティとメソッド

次の表に、HTMLCollection オブジェクトのプロパティとメソッドを示します:

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

例

すべての p 要素のコレクションを返します。このコレクションは HTMLCollection オブジェクトです:

例

var x = document.getElementsByTagName("p");

試してみる »

ドキュメント内の p 要素の数を計算します:

例

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

試してみる »

ループで HTMLCollection オブジェクト内のすべての要素を出力します:

例

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

試してみる »
その他の拡張