JavaScriptオブジェクト

JavaScriptリファレンスマニュアル

HTMLCollectionオブジェクトは、要素（ドキュメントの順序に従って）の一般的な集合（配列に似たオブジェクト、引数に似たもの）を表し、リストから選択するためのメソッドと属性を提供します。

HTML DOM内のHTMLCollectionはリアルタイムです；ベースドキュメントが変更されると、自動的に更新されます。

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

以下の表はHTMLCollectionオブジェクトの属性とメソッドを示しています：

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

この例ではHTMLCollectionを返します：

例

//　所有<p>集合文档中的元素を返します
var　x　=　document.getElementsByTagName("p");

このドキュメントの最初の<p>要素のHTML内容を変更します：

例

var　x　=　document.getElementsByTagName("p");
x.item(0).innerHTML　=　"HELLO　WORLD";

ドキュメントにどれだけ<p>要素があるかを調べます：

例

var　len　=　document.getElementsByTagName("p").length;

IDが「demo」の<p>要素の内容を取得：

例

var　x　=　document.getElementsByTagName("p").namedItem("demo");
document.getElementById("output").innerHTML　=　x.innerHTML;

短縮メソッドを使用することもできます。同じ結果が得られます：

例

var　x　=　document.getElementsByTagName("p")["demo"];
document.getElementById("output").innerHTML　=　x.innerHTML;