HTML DOM Attribute 对象

Attr 对象

Attr对象表示Element对象中的属性。

HTML属性始终属于HTML元素。

在大多数DOM方法中,您可能会直接以字符串的形式检索属性(例如Element .getAttribute(),但是某些函数(例如Element.getAttributeNode())或迭代给定Attr类型的方法。

NamedNodeMap对象

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