HTMLCollection item()メソッド
DOM HTMLCollection定義と使い方
item() メソッドは、HTMLCollection オブジェクトの指定されたインデックス位置にある要素を返します。
HTMLCollection オブジェクト内の要素の順序は、ドキュメントのソースコードに現れる順序と同じで、インデックスの開始位置は 0 です。
次の短縮構文を使用しても、同じ結果が得られます：
var x = document.getElementsByTagName("P")[0];
構文
HTMLCollection.item(index)
または：
HTMLCollection[index]
| 引数 | 型 | 説明 |
|---|---|---|
| index | Number | 必須。要素のインデックス値です。 注意:開始位置は 0 で、最後の要素のインデックスは HTMLCollection.length-1 です。index はこの範囲内にある必要があります。 |
ブラウザサポート
| メソッド | |||||
|---|---|---|---|---|---|
| item() | Yes | Yes | Yes | Yes | Yes |
例
例
最初の p 要素の HTML コンテンツを変更します：
document.getElementsByTagName("P").item(0).innerHTML = "段落が変更されました";
試してみる »
例
すべての class="myclass の要素をループして出力し、それらの背景色を変更します：
var x = document.getElementsByClassName("myclass");
for (i = 0; i < x.length; i++) {
x.item(i).style.backgroundColor = "red";
}
試してみる »
例
最初の p 要素の HTML コンテンツを取得して、div 要素に挿入します：
var div = document.getElementById("myDIV");
var x = div.getElementsByTagName("P").item(0).innerHTML;
試してみる »
関連記事
HTMLCollection: lengthプロパティ
HTML Element: getElementsByClassName()メソッド
HTML Element: getElementsByTagName()メソッド
その他の拡張