例
属性どのように多くを見つける<button>要素を持っています：
var x = document.getElementById("myBtn").attributes.length;xの結果は次のようになります。
2 »それを自分で試してみてください もっと"Try it Yourself"以下の例。
定義と使用法
属性プロパティはNamedNodeMapですオブジェクトとして、指定されたノードの属性のコレクションを返します。
ノードは、インデックス番号によってアクセスすることができ、インデックスは0から始まります。
ヒント：数値インデックスは、要素の属性のすべてを通過するのに便利です：あなたが使用することができ、長さ属性の数は、すべての属性ノードを介し、その後することができますループを決定し、必要な情報を抽出するためのNamedNodeMapオブジェクトのプロパティを。
ヒント：HTML属性は、属性ノードは、すべてで、あるプロパティとメソッドのために利用可能 オブジェクト属性。
ブラウザのサポート
| プロパティ | |||||
|---|---|---|---|---|---|
| attributes | はい | はい | はい | はい | はい |
注：Internet Explorer 8の以前のバージョンでは、属性プロパティは、要素のために可能なすべての属性のコレクションを返します。
構文
node .attributes
技術的な詳細
| 戻り値： | ノードの属性のコレクションを表すのNamedNodeMapオブジェクト、 |
|---|---|
| DOMバージョン | コアレベル1ノードオブジェクト |
その他の例
例
名前を取得<button>要素の二番目(index 1)の属性を：
var x = document.getElementById("myBtn").attributes[1].name;xの結果は次のようになります。
onclick »それを自分で試してみてください 例
属性どのように多くのを見つける<img>要素を持っています：
var x = document.getElementById("myImg").attributes.length;xの結果は次のようになります。
5 »それを自分で試してみてください 例
すべての属性をループ<img>要素および出力各属性の名前と値：
var x = document.getElementById("myImg");
var txt = "";
var i;
for (i =
0; i < x.attributes.length; i++) {
txt = txt +
x.attributes[i].name + " = " + x.attributes[i].value + "<br>";
} »それを自分で試してみてください