HTML DOM 元素 attributes

示例

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

亲自试一试 »

下面有更多示例。

描述

这个attributesproperty 返回元素中属性的集合。

这个attributes属性返回一个NamedNodeMap。

命名节点映射

命名节点映射是元素属性的类似数组的无序集合。

换句话说：NamedNodeMap 是一个列表属性对象。

NamedNodeMap 有一个长度返回节点数的属性。

可以通过名称或索引号来访问节点。索引从 0 开始。

也可以看看：

HTML DOM 属性

语法

node.attributes

返回值

类型	描述
命名节点映射	属性对象的集合。

浏览器支持

element.attributes是 DOM Level 1 (1998) 功能。

所有浏览器都完全支持它：


Chrome	Edge	Firefox	Safari	Opera	IE
Yes	Yes	Yes	Yes	Yes	9-11