最新のWeb開発のチュートリアル
 

HTML DOM length Propery

<属性オブジェクト

属性の数を取得<button>要素を:

var x = document.getElementsByTagName("BUTTON")[0].attributes.length;

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

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

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


定義と使用法

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

Nodeオブジェクトの属性のNamedNodeMapオブジェクトの例です。

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

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


ブラウザのサポート

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

注:Internet Explorer 8の以前のバージョンでは、属性のlengthプロパティは、要素のために可能なすべての属性の数を返します。


構文

namednodemap .length

技術的な詳細

戻り値: ノードマップ内の属性ノードの数を表す数値、
DOMバージョン コアレベル1

例

その他の例

すべての属性をループ<button>要素と出力の各属性の名前:

var txt = "";
var x = document.getElementById("myBtn").attributes;

var i;
for (i = 0; i < x.length; i++) {
    txt += "Attribute name: " + x[i].name + "<br>";
}

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

Attribute name: id
Attribute name: onclick
Attribute name: class
»それを自分で試してみてください

属性どのように多くのを見つける<img>要素を持っています:

var x = document.getElementById("myImg").attributes.length;

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

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

すべての属性をループ<img>要素および出力各属性の名前と値:

var txt = "";
var x = document.getElementById("myImg");

var i;
for (i = 0; i < x.attributes.length; i++) {
    txt = txt + x.attributes[i].name + " = " + x.attributes[i].value + "<br>";
}
»それを自分で試してみてください

<属性オブジェクト