XML DOM

• DOM 首页
• DOM 简介
• DOM 节点
• DOM 节点树
• DOM 解析
• DOM 加载
• DOM 属性和方法
• DOM 访问节点
• DOM 节点信息
• DOM 节点列表
• DOM 遍历节点
• DOM 浏览器
• DOM 定位节点

节点操作

• DOM 获取节点
• DOM 改变节点
• DOM 删除节点
• DOM 替换节点
• DOM 创建节点
• DOM 添加节点
• DOM 克隆节点
• DOM HttpRequest

XML DOM 参考手册

• DOM 手册目录
• DOM 节点类型
• DOM Attr
• DOM CDATASection
• DOM CharacterData
• DOM CSS2Properties
• DOM CSSRule
• DOM CSSStyleRule
• DOM CSSStyleSheet
• DOM Comment
• DOM Document
• DOM DocumentType
• DOM DOMException
• DOM Implementation
• DOM DOMParser
• DOM Element
• DOM Event
• DOM HTMLCollection
• DOM HTMLDocument
• DOM HTMLElement
• DOM NamedNodeMap
• DOM Node
• DOM NodeList
• DOM ParseError
• DOM ProcessingInstr
• DOM Range
• DOM RangeException
• DOM Text
• DOM XMLHttpRequest
• DOM XMLSerializer
• DOM XPathExpression
• DOM XPathResult
• DOM XSLTProcessor

DOM 实例

• DOM 实例
• DOM 总结

建站手册

• 网站构建
• 万维网联盟 (W3C)
• 浏览器信息
• 网站品质
• 语义网
• 职业规划
• 网站主机

• DOM 替换节点
• DOM 添加节点

创建新的元素节点

createElement() 方法创建新的元素节点：

xmlDoc=loadXMLDoc("books.xml");
newel=xmlDoc.createElement("edition");
x=xmlDoc.getElementsByTagName("book")[0];
x.appendChild(newel);

例子解释：

1. 通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中
2. 创建一个新的元素节点 <edition>
3. 向第一个 <book> 元素追加这个元素节点

TIY

遍历并向所有 <book> 元素添加一个元素：TIY

创建新的属性节点

createAttribute() 用于创建新的属性节点：

xmlDoc=loadXMLDoc("books.xml");
newatt=xmlDoc.createAttribute("edition");
newatt.nodeValue="first";
x=xmlDoc.getElementsByTagName("title");
x[0].setAttributeNode(newatt); 

例子解释：

1. 通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中
2. 创建一个新的属性节点 "edition"
3. 向第一个 <title> 元素添加这个新的属性节点

TIY

遍历所有 <title> 元素，并添加一个新的属性节点：TIY

注释：如果该属性已存在，则被新属性替代。

通过使用 setAttribute() 来创建属性

由于 setAttribute() 可以在属性不存在的情况下创建新的属性，我们可以使用这个方法来创建新属性。

xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName('book');
x[0].setAttribute("edition","first");

例子解释：

1. 通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中
2. 为第一个 <book> 元素设置（创建）值为 "first" 的属性

TIY

遍历所有 <title> 元素并添加一个新属性：TIY

创建文本节点

createTextNode() 方法创建新的文本节点：

xmlDoc=loadXMLDoc("books.xml");
newel=xmlDoc.createElement("edition");
newtext=xmlDoc.createTextNode("first");
newel.appendChild(newtext);
x=xmlDoc.getElementsByTagName("book")[0];
x.appendChild(newel);

例子解释：

1. 通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中
2. 创建一个新元素节点 <edition>
3. 创建一个新的文本节点，其文本是 "first"
4. 向这个元素节点追加新的文本节点
5. 向第一个 <book> 元素追加新的元素节点

TIY

向所有 <book> 元素添加一个带有文本节点的元素节点：TIY

创建一个 CDATA Section 节点

createCDATASection() 方法创建一个新的 CDATA section 节点。

xmlDoc=loadXMLDoc("books.xml");
newCDATA=xmlDoc.createCDATASection("Special Offer & Book Sale");
x=xmlDoc.getElementsByTagName("book")[0];
x.appendChild(newCDATA);

例子解释：

1. 通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中
2. 创建一个新的 CDATA section 节点
3. 向第一个 <book> 元素追加这个新的 CDATA section 节点

TIY

遍历并向所有 <book> 元素添加一个 CDATA section：TIY

创建注释节点

createComment() 方法创建一个新的注释节点。

xmlDoc=loadXMLDoc("books.xml");
newComment=xmlDoc.createComment("Revised March 2008");
x=xmlDoc.getElementsByTagName("book")[0];
x.appendChild(newComment);

例子解释：

1. 通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中
2. 创建一个新的注释节点
3. 把这个新的注释节点追加到第一个 <book> 元素

TIY

循环并向所有 <book> 元素添加一个 comment 节点：TIY

• DOM 替换节点
• DOM 添加节点