javaScript操作xml工作记录

Javascript操作XML (一)

JavaScript操作XML是通过XML DOM来完成的。那么什么是XML DOM呢？XML DOM是：

• 用于XML的标准对象模型
• 用于XML的标准编程接口
• 中立于平台和语言
• W3C的标准

XML DOM定义了所有XML元素的对象和属性，以及访问它们的方法（接口）。也就是说：XML DOM是用于查询、添加、修改、删除XML元素的标准。在继续之前，我们先来了解一下XML的定义。请看下面的XML文件(books.xml)：<?xml version="1.0" encoding="utf-8"?><bookstore><book category="COOKING"><title lang="en">Everyday Italian</title><author>Giada De Laurentiis</author><year>2005</year><PRice>30.00</price></book><book category="CHILDREN"><title lang="en">Harry Potter</title><author>J K. Rowling</author><year>2005</year><price>29.99</price></book><book category="WEB"><title lang="en">XQuery Kick Start</title><author>James McGovern</author><author>Per Bothner</author><author>Kurt Cagle</author><author>James Linn</author><author>Vaidyanathan Nagarajan</author><year>2003</year><price>49.99</price></book><book category="WEB"><title lang="en">Learning XML</title><author>Erik T. Ray</author><year>2003</year><price>39.95</price></book></bookstore>在上面的XML中，根节点是<bookstore>。文档中的所有其他节点都被包含在<bookstore>中。根节点<bookstore>有四个<book>节点。第一个<book>节点有四个节点：<title>, <author>, <year>以及<price>，其中每个节点都包含一个文本节点，"Everyday Italian", "Giada De Laurentiis", "2005"以及"30.00"。XML文档中的每个成分都是一个节点。节点根据DOM，XML文档中的每个成分都是一个节点。DOM是这样规定的：

• 整个文档是一个文档节点
• 每个XML标签是一个元素节点
• 包含在XML元素中的文本是文本节点
• 每一个XML属性是一个属性节点
• 注释属于注释节点

文本总是存储在文本节点中在DOM处理中一个普遍的错误是，认为元素节点包含文本。不过，元素节点的文本是存储在文本节点中的。在这个例子中：<year>2005</year>，元素节点<year>，拥有一个值为"2005"的文本节点。2005"不是<year>元素的值！XML DOM把XML DOM文档视为一棵节点树(node-tree)。树中的所有节点彼此之间都有关系。XML DOM节点树XML DOM把XML文档视为一种树结构。这种树结构被称为节点树。可通过这棵树访问所有节点。可以修改或删除它们的内容，也可以创建新的元素。这颗节点树展示了节点的集合，以及它们之间的联系。这棵树从根节点开始，然后在树的最低层级向文本节点长出枝条：父、子和兄弟节点节点树中的节点彼此之间都有等级关系。父、子和兄弟节点用于描述这种关系。父节点拥有子节点，位于相同层级上的子节点称为兄弟节点。

• 在节点树中，顶端的节点成为根节点
• 根节点之外的每个节点都有一个父节点
• 节点可以有任何数量的子节点
• 叶子是没有子节点的节点
• 兄弟节点是拥有相同父节点的节点

在上面的XML中，<title>元素是<book>元素的第一个子节点，而<price>元素是<book>元素的最后一个子节点。此外，<book>元素是<title>、<author>、<year>以及<price>元素的父节点。Note:父节点：Parent Node，子节点：Children Node，同级节点：Sibling Node

JavaScript操作XML(二)

这一篇介绍浏览器内建的XML解析器以及JavaScript是如何加载XML的。大多数浏览器都有读取和操作XML的内建XML解析器。解析器(XML Parser)把XML转换为JavaScript可访问的对象。解析器把XML载入内存，然后把它转换为可通过JavaScript访问的XML DOM对象。微软的XML解析器与其他浏览器中的解析器之间，存在一些差异。微软的解析器支持XML文件和XML字符串（文本）的加载，而其他浏览器使用单独的解析器。不过，所有的解析器都包含遍历XML树、访问插入及删除节点（元素）及其属性的函数。Note：当我们谈及XML解析，我们常常会使用有关XML元素的术语：节点。一、IE通过微软的XML解析器来加载XML微软的XML解析器内建于Internet Explorer 5以及更高的版本中。下面的JavaScript片段把一个XML文档载入解析器中：var xmlDoc=new ActiveXObject("Microsoft.XMLDOM");xmlDoc.async="false";xmlDoc.load("note.xml");例子解释：

1.上面代码的第一个行创建一个空的微软XML文档对象。

2.第二行关闭异步加载，这样确保在文档完全加载之前解析器不会继续脚本的执行。

3.第三行告知解析器加载名为"note.xml"的XML文档。

下面的JavaScript片段把字符串txt载入解析器：var xmlDoc=new ActiveXObject("Microsoft.XMLDOM");xmlDoc.async="false";xmlDoc.loadXML(txt);注释：loadXML()方法用于加载字符串（文本），load()用于加载文件。二、Firefox及其他浏览器中的XML解析器下面的JavaScript片段把XML文档("note.xml")载入解析器：var xmlDoc=document.implementation.createDocument("","",null);xmlDoc.async="false";xmlDoc.load("note.xml");例子解释：

1.上面代码的第一个行创建一个空的XML文档对象。

2.第二行关闭异步加载，这样确保在文档完全加载之前解析器不会继续脚本的执行。

3.第三行告知解析器加载名为"note.xml"的XML文档。

下面的JavaScript片段把字符串txt载入解析器：var parser=new DOMParser();var xmlDoc=parser.parseFromString(txt,"text/xml");例子解释：

1.上面代码的第一个行创建一个空的微软XML文档对象。

2.第二行告知解析器载入名为txt的字符串。

注释：DOMParser对象的parseFromString ()方法用于加载字符串（文本），load()用于加载文件。三、跨域访问出于安全方面的原因，现代的浏览器不允许跨域的访问。假如你打算在自己的网页上使用上面的例子，则必须把XML文件放到自己的服务器上。否则，xmlDoc.load()将产生错误"access is denied"。

JavaScript操作XML(三)上一篇介绍了XML如何加载到JavaScript解析器。这一篇介绍加载到解析器后，JavaScript是如何访问节点的。在详细介绍如何使用上面的方法前，我们先来了解下节点的主要属性。documentElement属性：XML文档的根节点。nodeName属性：节点的名称(只读)。nodeValue属性：节点的值。nodeType属性：节点的类型。childNodes属性：返回子节点集合。parentNode属性：返回父节点。firstChild属性：返回第一个子节点。lastChild属性：返回最后一个子节点。nextSibling属性：返回下一个兄弟（同级）节点。previousSibling属性：返回前一个兄弟（同级）节点。nodeName属性nodeName属性规定节点的名称。

• nodeName是只读的
• 元素节点的nodeName与标签名相同
• 属性节点的nodeName是属性的名称
• 文本节点的nodeName永远是#text
• 文档节点的nodeName永远是#document

nodeValue属性nodeValue属性规定节点的值。

• 元素节点的nodeValue是undefined
• 文本节点的nodeValue是文本自身
• 属性节点的nodeValue是属性的值

nodeType属性nodeType属性规定节点的类型。nodeType是只读的。最重要的节点类型是：

您可以通过四种方法来访问节点：1、通过getElementsById()方法。 用法：var xNode = xmlDoc.getElementsById('ID') ; 解释：这个方法我想大家已经很熟悉了。就是如果XML里有个id='ID'的Node，那个就返回这个Node节点，否则返回null。 在得到这个Node后，就可以用上面的属性进行访问了。 ps: xmlDoc的定义可以在上一篇文章中找到。2、通过getElementsByTagName()方法。 用法：var arrNodes=xmlDoc.getElementsByTagName('TagName') ; 解释：这个方法是根据tagname返回一个数组。此方法最常用。 例子1： //xml内容：JavaScript操作XML (一) var arrNodes=xmlDoc.getElementsByTagName("title"); for (i=0;i<arrNodes.length;i++) { alert(arrNodes.childNodes[0].nodeValue); }例子2： //获取第一个<title>元素节点的文本节点。注意，元素内的文本是元素的子节点，叫文本节点。 var xNode=xmlDoc.getElementsByTagName("title")[0].childNodes[0]; alert(xNode.nodeValue); //文本节点的值 。output "Everyday Italian"3、通过循环（遍历）节点树。 这个方法没什么好说的，就是用for循环结合childNodes遍历所以的节点。例子：x=xmlDoc.documentElement.childNodes;for (i=0;i<x.length;i++)//只遍历了一层{document.write(x.nodeName);document.write("<br />");}4、通过节点的关系在节点树中导航。 这个方法是根据当前节点得到parentNode、firstChild、lastChild、nextSibling、previousSibling来移动。x=xmlDoc.getElementsByTagName("book")[0].childNodes;y=xmlDoc.getElementsByTagName("book")[0].firstChild;for (i=0;i<x.length;i++){document.write(y.nodeName + "<br />"); y=y.nextSibling;}

JavaScript操作XML (四)上一篇介绍了JavaScript主要是通过什么方法来访问节点的。这一篇介绍JavaScript是如何操作节点的(包括增、删、改、查)。通过前面的介绍，我们知道XML文档中，主要是元素节点、属性节点和文本节点。下面详细介绍JavaScript是如何操作它们的。元素节点：查找：上一篇已介绍。主要是通过方法getElementsByTagName来查找定位。例子：//输出所有的titlesvar t=xmlDoc.getElementsByTagName("title");for (i=0;i<t.length;i++){document.write(t.childNodes[0].nodeValue);document.write("<br />");}添加：主要是用createElement创建元素，然后用appendChild附加子节点的形式实现。例子：var newNode=xmlDoc.createElement("New Element Name");//创建元素节点var nodeBook =xmlDoc.getElementsByTagName("book")[0];//找到节点booknodeBook.appendChild(newNode);//把newNode作为子节点追加到父节点book的子节点后面。也就是说，要追加节点，必须先找到父节点。另外，还可以通过克隆的方式添加节点。cloneNode()方法有一个参数（true或false）。该参数指示被复制的节点是否包括原节点的所有属性和子节点。例子：oldNode=xmlDoc.getElementsByTagName('book')[0];newNode=oldNode.cloneNode(true);//克隆复制原节点以及所有属性和子节点xmlDoc.documentElement.appendChild(newNode);删除：父节点调用removeChild实现。例如：var n