JavaScript HTML DOM ーノードリスト

ノードリストはノードの集合です

HTML DOM ノードリスト

getElementsByTagName() メソッドはノードリストを返します。ノードリストは、配列のようなノードの集合です。

次のコードは、ドキュメント内のすべての<p>ノードを選択します：

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

ノードはインデックス番号でアクセスできます。 2番目の <p> ノードにアクセスするには、次のように記述します：

y = x[1];

注: インデックスは0から始まります。

length プロパティは、ノードリスト内のノード数を定義します：

var myNodelist = document.getElementsByTagName("p");
document.getElementById("demo").innerHTML = myNodelist.length;

例の説明：

length プロパティは、ノードリスト内のノードをループしたいときに便利です：

ノードリスト内ののすべての <p> 要素の背景色を変更します：

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

ノードリストは配列ではありません！
ノードリストは配列のように見えるかもしれませんが、そうではありません。ノードリストをループし、そのノードを配列のように参照することができます。しかし、ノードリストに valueOf() や join() などの配列メソッドは使用できません。