HTML DOM length Propery

<Elementオブジェクト

例

どのように多くを見つける<p>ドキュメント内にある要素：

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

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

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

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

定義と使用法

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

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

あなたがノードリスト内のノードをループにしたいときlengthプロパティは便利です(See "More Examples" below) 。

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

ヒントを使用item()のNodeListオブジェクトで指定されたインデックスのノードを返すようにする方法を。

ブラウザのサポート

プロパティ
length	はい	はい	はい	はい	はい

構文

技術的な詳細

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

その他の例

例

どのように多くを見つける<p>の内側にある要素<div>要素：

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>

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

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

例

全てをループ<p>内の要素<div>要素、およびそれぞれの背景色を変更する<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>";
}

TXTの結果は次のようになります。

#comment
#text
P
#text
BUTTON
#text
P
#text
P
#text
SCRIPT
#text

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

JavaScript 参照

JavaScript

ブラウザ BOM

HTML DOM

HTML オブジェクト

その他のオブジェクト

HTML DOM length Propery

例

定義と使用法

ブラウザのサポート

構文

その他の例

例

例

例

例

関連ページ