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 |
