English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML DOM attributes 属性

HTML DOM Element オブジェクト

attributes属性は指定された要素ノードに登録されたすべての属性ノードの活動集合を返します。

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

NamedNodeMapオブジェクトのlength属性を使用して属性の数を確認できます。

HTML属性は属性ノードであり、すべての属性とメソッドAttributeオブジェクトに使用できます。

文法:

element.attributes
var len = document.querySelector("img").attributes.length;
テストして見て‹/›

ブラウザの互換性

すべてのブラウザはattribute属性を完全にサポートしています:

属性
attributes

技術的な詳細

返り値:NamedNodeMapオブジェクト、ノード属性の集合を表す
DOMバージョン:DOMレベル1

さらに例

IMG要素の第2つの属性(インデックス1)の名前:

var x = document.querySelector("img").attributes[1].name;
テストして見て‹/›

IMG要素の第2つの属性(インデックス1)の値:

var x = document.querySelector("img").attributes[1].value;
テストして見て‹/›

IMG要素のすべての属性を巡回し、各属性の名前と値を出力する:

var attrList = document.querySelector("img").attributes;
var txt = "";
for (let i = 0; i < attrList.length; i++) {
txt += attrList[i].name + " = " + attrList[i].value + "<br>";
}
テストして見て‹/›

HTML DOM Element オブジェクト