HTML DOM Element attributes属性

定義と用法

attributes 属性は要素内の属性集合を返します。

attributes 属性はNamedNodeMapを返します。

NamedNodeMap

NamedNodeMap 無序列表の集合に似た要素属性です。

言い換えれば：NamedNodeMapは Attrオブジェクトのリストを提供します。

NamedNodeMapは、ノード数を返す length属性。

名前またはインデックス番号（インデックス）でノードにアクセスできます。インデックスは0から始まります。

参照してください：

HTML DOM属性

インスタンス

例1

<img>要素にどれだけの属性がありますか：

let numb = document.getElementById("myImg").attributes.length;

実際に試してみてください

例2

<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;

実際に試してみてください

例3

<button>要素にどれだけの属性がありますか：

let numb = document.getElementById("myButton").attributes.length;

実際に試してみてください

例4

<button>要素の2番目（インデックス1）の属性の名前を取得します：

let attr = document.getElementById("myBtn").attributes[1].name;

実際に試してみてください

構文

node.attributes

返り値

タイプ 説明
NamedNodeMap 属性オブジェクトの集合です。

ブラウザのサポート

element.attributes DOMレベル1（1998）の機能です。

すべてのブラウザが完全にサポートしています：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
サポート 9-11 サポート サポート サポート サポート