ノードリストは、ノードの集合であります
HTML DOMノードリスト
getElementsByTagName()メソッドは、ノードのリストを返します。ノードリストは、ノードの配列のようなコレクションです。
次のコードは、すべての選択<p>ドキュメント内のノードを:
例
var
x = document.getElementsByTagName("p");
ノードは、インデックス番号によってアクセスすることができます。 あなたが書くことができます2つ目の<P>ノードにアクセスするには:
y = x[1];
»それを自分で試してみてください 注:インデックスは0から始まります。
HTML DOMノードリストの長さ
lengthプロパティは、ノードリスト内のノードの数を定義します。
例
var myNodelist = document.getElementsByTagName("p");
document.getElementById("demo").innerHTML = myNodelist.length;
»それを自分で試してみてください 例を説明しました:
- すべての取得<p>ノードリスト内の要素を
- ノードリストの長さを表示します
あなたがノードリスト内のノードをループにしたいときにlengthプロパティが便利です。
例
すべての背景色の変更<p>ノードリスト内の要素を:
var myNodelist = document.getElementsByTagName("p");
var i;
for (i = 0; i < myNodelist.length; i++) {
myNodelist[i].style.backgroundColor = "red";
}
»それを自分で試してみてください ノードリストは配列ではありません!
ノードリストは、配列のように見えるかもしれないが、そうではありません。 あなたはノードリストをループをすることができますし、配列のように、そのノードを参照してください。 ただし、次のような配列方法、使用することはできませんvalueOf()またはjoin()ノードリストに。