HTMLDOM要素の属性
例
<img>要素にはいくつの属性がありますか：
let numb = document.getElementById("myImg").attributes.length;
<img>要素のすべての属性を表示します。
const nodeMap = document.getElementById("myImg").attributes;
let text = "";
for (let i = 0; i < nodeMap.length; i++) {
text += nodeMap[i].name + " = " + nodeMap[i].value + "<br>";
}
document.getElementById("demo").innerHTML = text;
以下のその他の例。
定義と使用法
attributesプロパティは、要素内の属性のコレクションを返します。
プロパティはattributesNamedNodeMapを返します。
NamedNodeMap
NamedNodeMapは、Attr（属性）オブジェクトの配列のようなコレクション（リスト）です。
NamedNodeMapには、リスト内の属性の数を返すlengthプロパティがあります。
属性にはインデックス番号でアクセスできます。インデックスは0から始まります。
関連項目：
構文
node.attributes
戻り値
| タイプ | 説明 |
| NamedNodeMap | 属性オブジェクトのコレクション。 |
その他の例
<button>要素にはいくつの属性がありますか：
let numb = document.getElementById("myButton").attributes.length;
<button>要素の2番目（インデックス1）の属性の名前を取得します。
let attr = document.getElementById("myBtn").attributes[1].name;
ブラウザのサポート
element.attributesDOMレベル1（1998）の機能です。
すべてのブラウザで完全にサポートされています。
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Yes | 9-11 | Yes | Yes | Yes | Yes |