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

Get the name of a <button> element's second (index 1) attribute:

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

亲自试一试

语法

node.attributes

返回值

类型 描述
NamedNodeMap 属性对象的集合。

浏览器支持

element.attributes 是 DOM Level 1 (1998) 特性。

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

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 9-11 支持 支持 支持 支持