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";测试看看‹/›