HTMLDOMの長さプロパティ

要素オブジェクト

例

ドキュメントに含まれる<p>要素の数を確認します。

var nodelist = document.getElementsByTagName("P").length;

以下の「自分で試してみてください」の例をもっと見てください。

定義と使用法

lengthプロパティは、NodeListオブジェクト内のノードの数を返します。

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

lengthプロパティは、ノードリスト内のノードをループする場合に役立ちます（以下の「その他の例」を参照）。

このプロパティは読み取り専用です。

ヒント：item（）メソッドを使用して、NodeListオブジェクトの指定されたインデックスにあるノードを返します。

ブラウザのサポート

Property
length	Yes	Yes	Yes	Yes	Yes

構文

nodelist.length

技術的な詳細

戻り値：	ノードリスト内のノードの数を表す数値
DOMバージョン	コアレベル1ノードリストオブジェクト

その他の例

例

<div>要素内にある<p>要素の数を調べます。

var div = document.getElementById("myDIV"); // Get the <div> element with id="myDIV"
var nodelist = div.getElementsByTagName("P").length; // Get the number of <p> elements inside <div>

例

<div>要素内のすべての<p>要素をループし、各<p>の背景色を変更します。

var div = document.getElementById("myDIV");
var nodelist = div.getElementsByTagName("P");

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

例

<body>要素の子ノードの数を返します。

var nodelist = document.body.childNodes.length;

例

<body>の子ノードをループして、各子ノードのノード名を出力します。

var nodelist = document.body.childNodes;

var txt = "";
var i;
for (i = 0; i < nodelist.length; i++) {
txt = txt + nodelist[i].nodeName + "<br>";
}

JS Reference

JavaScript

Window

HTML DOM

Web APIs

HTML Objects

Other References

HTMLDOMの長さプロパティ

例

定義と使用法

ブラウザのサポート

構文

技術的な詳細

その他の例

例

例

例

例

関連ページ