HTMLCollection item()メソッド
例
このドキュメントの最初の<p>要素のHTMLコンテンツを取得します。
function myFunction() {
var x = document.getElementsByTagName("P").item(0);
alert(x.innerHTML);
}
定義と使用法
このitem()
メソッドは、HTMLCollection内の指定されたインデックスにある要素を返します。
要素はソースコードに表示されるとおりに並べ替えられ、インデックスは0から始まります。
省略形の方法も使用でき、同じ結果が得られます。
var x = document.getElementsByTagName("P")[0];
ブラウザのサポート
Method | |||||
---|---|---|---|---|---|
item() | Yes | Yes | Yes | Yes | Yes |
構文
HTMLCollection.item(index)
また:
HTMLCollection[index]
パラメータ値
Parameter | Type | Description |
---|---|---|
index | Number | Required. The index of the element you want to return. Note: The index starts at 0 |
戻り値
指定されたインデックスの要素を表すElementオブジェクト。
インデックス番号が範囲外の場合はnullを返します
その他の例
例
最初の<p>要素のHTMLコンテンツを変更します。
document.getElementsByTagName("P").item(0).innerHTML = "Paragraph changed";
例
class = "myclass"を使用してすべての要素をループし、背景色を変更します。
var x = document.getElementsByClassName("myclass");
for (i = 0; i <
x.length; i++) {
x.item(i).style.backgroundColor = "red";
}
例
<div>要素内の最初の<p>要素のHTMLコンテンツを取得します。
var div = document.getElementById("myDIV");
var x = div.getElementsByTagName("P").item(0).innerHTML;
関連ページ
HTMLCollection:プロパティの長さ
HTML要素:getElementsByClassName()メソッド
HTML要素:getElementsByTagName()メソッド