HTML DOM 元素屬性
示例
<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 屬性返回一個元素的屬性集合。
attributes 屬性返回一個 NamedNodeMap。
NamedNodeMap
NamedNodeMap 是一個類似陣列的無序集合，包含元素的所有屬性。
換句話說：NamedNodeMap 是一個 Attr 物件列表。
NamedNodeMap 有一個 length 屬性，用於返回節點數量。
節點可以透過名稱或索引編號訪問。索引從 0 開始。
另請參閱
語法
node.attributes
返回值
| 型別 | 描述 |
| NamedNodeMap | 屬性物件集合。 |
更多示例
獲取 <button> 元素第二個（索引為 1）屬性的名稱
let attr = document.getElementById("myBtn").attributes[1].name;
自己動手試一試 »
瀏覽器支援
element.attributes 是 DOM Level 1 (1998) 功能。
所有瀏覽器都完全支援。
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
