Attr對象表示Element對象中的屬性。
HTML屬性始終屬于HTML元素。
在大多數(shù)DOM方法中，您可能會直接以字符串的形式檢索屬性（例如Element .getAttribute()，但是某些函數(shù)（例如Element.getAttributeNode()）或迭代給定Attr類型的方法。
NamedNodeMap對象表示Attr對象的無序集合。
可以通過名稱或索引號訪問NamedNodeMap中的節(jié)點。
| 屬性/方法 | 描述 |
|---|---|
| attr.isId | 如果屬性的類型為Id，則返回true；否則，返回false |
| attr.name | 返回屬性名稱 |
| attr.value | 設置或返回屬性的值 |
| attr.specified | 如果已指定屬性，則返回true，否則返回false |
| nodemap.getNamedItem() | 從NamedNodeMap返回指定的屬性節(jié)點 |
| nodemap.item() | 返回NamedNodeMap中指定索引處的屬性節(jié)點 |
| nodemap.length | 返回NamedNodeMap中屬性節(jié)點的數(shù)量 |
| nodemap.removeNamedItem() | 刪除指定的屬性節(jié)點 |
| nodemap.setNamedItem() | 設置指定的屬性節(jié)點（按名稱） |
此示例顯示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";測試看看?/?