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 定位节点

不同的浏览器在 XML DOM 中处理空文本节点的方式是不同的。

DOM 解析中的浏览器差异

所有现代浏览器都支持 W3C DOM 规范。

不过，浏览器之间是有差异的。重要的区别有两点：

• 加载 XML 的方式
• 处理空白和换行的方式

在 “解析 XML DOM” 这一节，已经解释了加载 XML 的不同方式。

在本节中，我们将讲解处理空白和换行的不同方式。

DOM - 空白和换行

XML 经常在节点之间含有换行或空白字符。这是在使用简单的编辑器（比如记事本）时经常出现的情况。

下面的例子（由记事本编辑）在每行之间含有 CR/LF，在每个子节点之前含有两个空格：

<book>
  <title>Harry Potter</title>
  <author>J K. Rowling</author>
  <year>2005</year>
  <price>29.99</price>
</book>

Firefox，以及其他一些浏览器，会把空的空白或换行作为文本节点来处理，而 Internet Explorer 不会这样。

下面的代码片段显示 （books.xml 的） 根元素拥有多少个子节点：

xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.documentElement.childNodes;
document.write("Number of child nodes: " + x.length);

例子解释：

• 通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中
• 获取根元素的子节点
• 输出子节点数目

结果取决于所使用的浏览器。Firefox 输出 9，而 IE 输出 4。

TIY

忽略节点间的空文本

如需忽略元素节点之间的空文本节点，需要检查节点类型。元素节点的类型是 1：

xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.documentElement.childNodes;
for (i=0;i<x.length;i++)
{ 
if (x[i].nodeType==1)
  {// only process element nodes 
  document.write(x[i].nodeName);
  document.write("<br />");
  } 
}

例子解释：

• 通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中
• 获取根元素的子节点
• 检查每个子节点的节点类型。如果节点类型是 "1"，则是元素节点

TIY（简单） 或者 TIY（完整）

• DOM 遍历节点
• DOM 定位节点