IE中的XML DOM 与 Firefox中的XML DOM 比较

IE中的XML DOM

当微软在IE 5.0中第一次加入对XML支持时，他们只是在MSXML ActiveX库（最初是为了在IE 4.0中解析Active Channels的组件）中实现XML的功能。最初的版本并没有打算公开使用，然而随着开发人员逐渐了解这个组件并尝试使用时，微软才意识到这个库的重要性，很快就在IE 4.01中发布了MSXML完全升级版本。

MSXML最初还只是IE的一个组件。直到2001年，微软发布了MSXML 3.0，这是一个通过其公司网站独立发布的产品。在2001年晚些时候，微软又发布了MSXML 4.0，并且将其更名为微软XML核心服务组件。MSXML从最初一个基本的、无校验功能的XML解析器，逐渐发展成一个功能强大的组件，能够校验XML文档，进行XSL转化，支持命名空间、XML的简单API（SAX），以及W3C XPath和XML Schema标准，并且每个新版本都在性能上有一定的提升。

为了在JavaScript中创建ActiveX对象，微软实现一个新的ActiveXObject类，该类用来实例化ActiveX对象。ActiveXObject类的构造函数包含一个字符串参数，该参数表示要创建的ActiveX对象的版本，在此指的就是XML文档的版本。第一个XML DOM ActiveX对象名为Microsoft.XmlDom，其创建方法如下所示：

var oXmlDom = new ActiveXObject("Microsoft.XmlDom");

这个新创建的XML DOM对象与其他DOM对象一样，可以用来遍历DOM树，操作DOM节点。

到本书截稿为止，MSXML DOM文档共有五个不同的版本，分别是：

q  Microsoft.XmlDom；

q  MSXML2.DOMDocument；

q  MSXML2.DOMDocument.3.0；

q  MSXML2.DOMDocument.4.0；

q  MSXML2.DOMDocument.5.0。

MSXML是基于ActiveX的实现，因此只能够在Windows平台上使用。在Mac平台上的IE 5是不提供XML DOM支持的。

因为存在五个不同版本，而你总是会使用最新版，所以使用一个函数来判断浏览器所使用的版本是相当有用的。这样就可以确保使用最新的XML支持，获取最佳的性能。下面的函数createDocument()将使你能够创建正确的MSXML DOM文档。

function createDocument() {

    var aVersions = [ "MSXML2.DOMDocument.5.0",

       "MSXML2.DOMDocument.4.0","MSXML2.DOMDocument.3.0",

       "MSXML2.DOMDocument","Microsoft.XmlDom"

    ];

 

      for (var i = 0; i < aVersions.length; i++) {

         try {

             var oXmlDom = new ActiveXObject(aVersions[i]);

             return oXmlDom;

         } catch (oError) {

               // 不做任何处理

      }

    }

    throw new Error("MSXML is not installed.");

}

该函数遍历存放MSXML DOM文档的版本号的aVersions数组，从最新版本MSXML2.DOMDocument.5.0开始尝试创建DOM文档。如果成功创建对象，那么返回该对象且退出createDocument();否则try...catch语句将捕获所抛出的异常，并继续下一次循环，尝试下一个版本。如果MSXML DOM文档创建失败，那么抛出异常，说明MSXML未安装。由于该函数不是一个类，所以用法与其他函数类似，都将返回一个值：

var oXmlDom = createDocument();

使用createDocument()函数将确保程序使用最新的DOM文档。当创建了XML文档后，下一步就是载入XML数据。

1. 在IE中载入XML数据

MSXML支持两种载入XML的方法：load()和loadXML()。Load()方法从Web的指定位置载入一个XML文件。与XMLHttp一样，load()方法可以以同步或异步两种模式载入数据。默认情况下，load()方法采用异步模式；如果要采用同步模式，那么必须将MSXML对象的async属性设置为false，代码如下：

oXmlDom.async = false;

当采用异步模式时，MSXML对象公开了readyState属性，该属性和XMLHttp的readyState属性一样，包含五种状态。

此外，DOM文档支持onreadystatechange事件处理函数，可以监控readyState属性。因为异步模式是默认选项，因此将async属性设置为true是可选的：

oXmlDom.async = true;

 

oXmlDom.onreadystatechange = function () {

    if (oXmlDom.readyState == 4) {

       //当document完全载入后，进行某些操作

    }

};

 

oXmlDom.load("myxml.xml");

本示例中，将把虚构的、名为myxml.xml的XML文档载入到XML DOM 文档中。当readyState值为4时，说明文档已经完全载入，则执行if语句中的代码。

第二种载入XML数据的方法是loadXML()，该方法与load()方法的主要区别在于从字符串载入XML，而不是根据指定的文件名载入XML。该字符串必须包含正确格式的XML，如下所示：

var sXml = "Jeremy McPeak";

 

oXmlDom.loadXML(sXml);

在此，oXmlDom文档将载入sXml变量中包含的XML数据。loadXML()方法不需要像load()方法那样检查readyState属性，也不需要设置async属性，因为该方法并不涉及服务器请求。

2. 在IE中遍历XML DOM文档

XML DOM文档的遍历与HTML DOM的遍历非常类似，因为它们都是节点层次的结构。节点树的最顶部是documentElement属性，包含文档的根元素。使用表4-1中所列出的属性，可以访问文档中任何元素或属性。

表4-1 XML DOM属性

属    性	描    述
attributes	包含当前节点属性的数组
childNodes	包含子节点数组
firstChild	指向当前节点的第一个子节点
lastChild	指向当前节点的最后一个子节点
nextSibling	返回当前节点的下一个邻居节点
nodeName	返回当前节点的名字
nodeType	指定当前节点的XML DOM节点类型
nodeValue	包含当前节点的文本
ownerDocument	返回文档的根元素
parentNode	指向当前节点的父节点
previousSibling	返回当前节点的前一个邻居节点
text	返回当前节点的内容或当前节点及其子节点的文本（只有IE才支持的属性）
xml	以字符串返回当前节点及其子节点的XML（只有IE才支持的属性）

遍历DOM文档并获取数据，是一个很直观的过程。让我们看看下面的XML文档：

 

    Professional Ajax

    Professional JavaScript for Web Developers

    Professional C#

    Professional Visual Basic 6 Databases

这是一个简单的XML文档，包含一个根元素以及四个子元素。以该文档为例，我们可以研究DOM的细节。DOM树是基于节点之间的关系构造的。一个节点可能包含其他节点或者子节点。另一个节点可能与其他节点拥有相同的父节点，我们称之为邻居节点。

如果要获取文档中第一个元素，那么只需简单通过访问firstChild属性就可以达到目的：

var oRoot = oXmlDom.documentElement;

 

var oFirstBook = oRoot.firstChild;

将documentElement赋给变量oRoot，可以节省程序空间和输入的内容，尽管这并不是必需的。使用firstChild属性可以引用根元素的第一个子元素的引用，并将其赋值给变量oFirstBook。

使用childNodes集合也可以达到相同的目的：

var oFirstBook2 = oRoot.childNodes[0];

选择childNodes集合中的第一项将返回根节点的第一个子节点。因为childNodes是JavaScript中的NodeList类型，所以使用length属性可以得到子节点的数量，如下：

var iChildren = oRoot.childNodes.length;

本示例中，因为文档元素有四个子节点，所以iChildren值为4。

正如前面所述，节点可以有子节点，也就意味着它可以有父节点。通过parentNode属性可以选择当前节点的父节点：

var oParent = oFirstBook.parentNode;

在本小节前面已经提到变量oFirstBook，不过很快，它现在已经是文档中第一个元素，所以其parentNode属性就是指DOM的documentElement属性，也就是元素。

如果当前节点是book元素，那么如何选择另一个book元素呢？因为元素有共同的父节点，所以它们互为邻居关系。通过nextSibling和previousSibling属性可以选择当前节点的临近节点。nextSibling属性指向下一个邻居，而previousSibling属性指向前一个邻居：

var oSecondBook = oFirstBook.nextSibling;

 

oFirstBook2 = oSecondBook.previousSibling;

这段代码引用第二个元素，并将其赋值给oSecondBook。通过oSecondBook邻居节点对变量oFirstBook2重新赋值，oFirstBook2的值不变。如果节点没有下一个邻居节点，那么nextSibling为null。对于previousSibling也是同样的，如果当前节点没有前一个邻居节点，那么previousSibling也为null。

现在我们知道了如何遍历文档结构，接下来要了解的是如何从树的节点获取数据。例如，使用text属性可以得到包含第三个元素的文本，代码如下：

var sText = oRoot.childNodes[2].text;

text属性（微软特有的属性）可以得到该节点包含的所有文本节点，该属性相当有用。如果没有text属性，访问文本节点必须：

var sText = oRoot.childNodes[2].firstChild.nodeValue;

这段代码与前面使用text属性的代码一样得到同样的结果。类似上一个例子，使用childNodes集合引用第三个元素，而使用firstChild指向元素的文本节点，因为文本节点在DOM中仍是一个节点。使用nodeValue属性获取当前节点的值，就可以获取文本。

这两个示例所产生的结果是相同的，然而使用text属性和使用文本节点的nodeValue属性之间存在一个主要的区别。text属性将得到包含当前元素及其子节点的所有文本节点的值，而nodeValue属性只能得到当前节点的值。它虽然是个有用的属性，但可能会返回比预期值更多的内容。例如，假设我们将XML文档修改成：

 

 

   

       

        Nicholas C. Zakas, Jeremy McPeak, Joe Fawcett

   

    Professional JavaScript for Web Developers

    Professional C#

    Professional Visual Basic 6 Databases

新的XML文档在第一个元素中添加了两个新的子节点：