Attr对象表示Element对象中的属性。
HTML属性始终属于HTML元素。
在大多数DOM方法中，您可能会直接以字符串的形式检索属性（例如Element .getAttribute()，但是某些函数（例如Element.getAttributeNode()）或迭代给定Attr类型的方法。
NamedNodeMap对象表示Attr对象的无序集合。
可以通过名称或索引号访问NamedNodeMap中的节点。
| 属性/方法 | 描述 |
|---|---|
| attr.isId | 如果属性的类型为Id，则返回true；否则，返回false |
| attr.name | 返回属性名称 |
| attr.value | 设置或返回属性的值 |
| attr.specified | 如果已指定属性，则返回true，否则返回false |
| nodemap.getNamedItem() | 从NamedNodeMap返回指定的属性节点 |
| nodemap.item() | 返回NamedNodeMap中指定索引处的属性节点 |
| nodemap.length | 返回NamedNodeMap中属性节点的数量 |
| nodemap.removeNamedItem() | 删除指定的属性节点 |
| nodemap.setNamedItem() | 设置指定的属性节点（按名称） |
此示例显示IMG元素的所有属性名称：
var attrList = document.querySelector("img").attributes;
var text = "";
for (let x = 0; x < attrList.length; x++) {
text += attrList[x].name + "<br>";
}测试看看此示例显示IMG元素的所有属性值：
var attrList = document.querySelector("img").attributes;
var text = "";
for (let x = 0; x < attrList.length; x++) {
text += attrList[x].value + "<br>";
}测试看看本示例更改IMG元素的src属性的值：
var image = document.querySelector("img");
image.getAttributeNode("src").value = "heart.jpg";测试看看