以下是 Element 对象的一些常见属性和方法：
常见属性：
1. tagName：
- 表示元素的标签名，以大写形式返回。例如，<div> 元素的 tagName 为 "DIV"。
2. attributes：
- 表示元素的属性列表的 NamedNodeMap。
3. id：
- 获取或设置元素的 id 属性。
4. className：
- 获取或设置元素的 class 属性。
常见方法：
1. getAttribute(name)：
- 获取指定属性名的属性值。
2. setAttribute(name, value)：
- 设置或添加指定属性名的属性值。
3. removeAttribute(name)：
- 移除指定属性名的属性。
4. getElementsByTagName(tagName)：
- 返回包含指定标签名的所有子元素的 NodeList。
5. getElementsByClassName(className)：
- 返回包含指定类名的所有子元素的 NodeList。
6. appendChild(node)：
- 将指定的节点添加到元素的子节点列表的末尾。
7. removeChild(node)：
- 从元素的子节点列表中删除指定的子节点。
8. replaceChild(newChild, oldChild)：
- 用新节点替换元素的子节点列表中的一个子节点。
// 创建一个新的 XML 文档
var xmlDoc = document.implementation.createDocument(null, 'root', null);
// 创建一个新的元素节点
var divElement = xmlDoc.createElement('div');
// 设置元素的属性
divElement.setAttribute('id', 'myDiv');
divElement.setAttribute('class', 'myClass');
// 将元素节点添加到文档的根节点
xmlDoc.documentElement.appendChild(divElement);
// 获取文档的根元素
var rootElement = xmlDoc.documentElement;
// 获取根元素下所有子元素的 NodeList
var childElements = rootElement.getElementsByTagName('div');
// 输出元素的信息
console.log(childElements[0].tagName); // 输出 "DIV"
console.log(childElements[0].id); // 输出 "myDiv"
console.log(childElements[0].className); // 输出 "myClass"
在这个例子中，我们创建了一个新的 XML 文档，并向根元素添加了一个新的 <div> 元素。然后，通过 getElementsByTagName 方法获取了所有子元素，并输出了元素的信息。通过 Element 对象的方法和属性，你可以方便地操作和访问 XML 文档中的元素。
转载请注明出处：http://www.pingtaimeng.com/article/detail/12171/XML