例
属性の数を取得<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>";
}
»それを自分で試してみてください