XML DOM - Attr 对象

XML文档对象模型（DOM）是用于访问和操作XML文档的一种平台无关的API。其中，Attr对象代表XML元素的属性。

属性概述

XML元素可以包含属性，属性是元素的额外信息。例如，在HTML中，<img>元素可以包含属性src和alt，其中src属性指定要显示的图像的URL，alt属性提供图像的替代文本。

创建Attr对象

Attr对象可以通过多种方式创建，例如通过Document对象的createAttribute()方法，或从Element对象的attributes集合中获取：

// 通过Document对象的createAttribute()方法创建Attr对象
var attr = document.createAttribute("id");
attr.value = "example";

// 从Element对象的attributes集合中获取Attr对象
var elem = document.getElementById("example");
var attr = elem.attributes.getNamedItem("id");

属性值

Attr对象的value属性包含属性的字符串值。在创建Attr对象时，可以通过设置value属性或通过getAttribute()方法设置属性值：

var attr = document.createAttribute("id");
// 通过设置value属性设置属性值
attr.value = "example";

// 通过getAttribute()方法设置属性值
attr.setAttribute("value", "example");

添加和删除属性

可以使用setAttribute()方法添加或修改元素的属性，可以使用removeAttribute()方法删除元素的属性：

var elem = document.getElementById("example");
// 添加或修改属性
elem.setAttribute("class", "example-class");

// 删除属性
elem.removeAttribute("class");

获取属性

可以使用Element对象的getAttribute()方法获取元素的属性值，可以使用Element对象的attributes集合获取所有属性：

var elem = document.getElementById("example");
// 获取属性值
var attr_value = elem.getAttribute("id");

// 获取所有属性
var attrs = elem.attributes;
var length = attrs.length;
for (var i = 0; i < length; i++) {
  var attr = attrs.item(i);
  console.log(attr.name + ": " + attr.value);
}

总结

Attr对象代表XML元素的属性，可以使用多种方式创建，包括通过Document对象的createAttribute()方法和从Element对象的attributes集合中获取。可以使用setAttribute()方法添加或修改元素的属性，可以使用removeAttribute()方法删除元素的属性。可以使用Element对象的getAttribute()方法获取元素的属性值，可以使用Element对象的attributes集合获取所有属性。

dom教程 XML DOM - CDATASection 对象