HTML DOM item() Method

<Elementオブジェクト

例

最初のHTMLコンテンツを取得<p>要素(index 0)文書内：

var nodelist = document.getElementsByTagName("P").item(0).innerHTML;

ノードリストの結果は次のようになります。

The first p element in the document.

»それを自分で試してみてください

もっと"Try it Yourself"以下の例。

定義と使用法

item()メソッドは、NodeListオブジェクト内の指定されたインデックスのノードを返します。

これらはソースコードに表示されるノードがソートされ、インデックスは0から始まります。

子ノードのノードオブジェクトのコレクションは、NodeListオブジェクトの例です。

注意：ノード・リストに指定されたインデックスにノードにアクセスする方法は2つあります。

この構文：

document.body.childNodes.item(0); // The first child node of <body> Try it

この構文と同じ結果を生成します：

document.body.childNodes[0]; // The first child node of <body> Try it

あなたが好きな方法で使用することができ、しかし、最も一般的な方法は、[ インデックス ]です。

ヒント：使用する長さのNodeListオブジェクト内のノードの数を返すようにプロパティを。

ブラウザのサポート

方法
item()	はい	はい	はい	はい	はい

構文

パラメータ値

パラメーター	タイプ	説明
index	Number	必須。あなたはノードリストに、返したいノードのインデックス。注意：インデックスは0から始まります

技術的な詳細

戻り値：	指定されたインデックスのノードを表すノードオブジェクト。注意：インデックス番号が範囲外の場合はnullを返します。
DOMバージョン	コアレベル1 NodeListオブジェクト

その他の例

例

最初のHTMLコンテンツを取得<p>要素(index 0)内<div>要素：

var div = document.getElementById("myDIV");
var nodelist = div.getElementsByTagName("P")[0].innerHTML;

ノードリストの結果は次のようになります。

First p element in div.

»それを自分で試してみてください

例

最初のHTMLコンテンツに変更し<p>要素(index 0)の内側<div>要素を：

var div = document.getElementById("myDIV");
div.getElementsByTagName("P")[0].innerHTML = "Paragraph changed";

»それを自分で試してみてください

例

で、クラス=「子」を持つすべての要素をループ<div>要素、およびその背景色を変更します。

var div = document.getElementById("myDIV");
var nodelist = div.getElementsByClassName("child");

var i;
for (i = 0; i < nodelist.length; i++) {
nodelist[i].style.backgroundColor = "red";
}

»それを自分で試してみてください

JavaScript 参照

JavaScript

ブラウザ BOM

HTML DOM

HTML オブジェクト

その他のオブジェクト

HTML DOM item() Method

例

定義と使用法

この構文：

この構文と同じ結果を生成します：

ブラウザのサポート

構文

技術的な詳細

その他の例

例

例

例

関連ページ