JavaScript操作XML全面指南

"这篇文章主要介绍了如何使用JavaScript来操作XML文档，包括在Firefox和IE浏览器下创建和解析XML，以及对XML文档进行增加、删除节点等基本操作。" 在JavaScript中，处理XML文档需要考虑到浏览器的兼容性问题。针对Firefox和其他支持DOMParser的浏览器，可以使用`DOMParser`对象来解析XML字符串。以下是一个使用DOMParser的例子： ```javascript if (window.DOMParser) { var parser = new DOMParser(); var doc = parser.parseFromString('<input>11112345</input>', 'text/xml'); alert(doc); // 显示解析后的DOM对象 } ``` 而对于Internet Explorer，我们需要使用ActiveXObject来创建和加载XML文档。以下是在IE中创建XML文档的示例： ```javascript if (window.ActiveXObject) { var doc = new ActiveXObject("Msxml2.DOMDocument"); doc.loadXML('<input>11112345</input>'); alert(doc); // 显示加载后的DOM对象 } ``` JavaScript提供了多种方法来操作XML文档中的节点。例如，可以使用`node.getAttribute('attr1')`来获取节点的属性值，或者使用`node.firstChild.data`来获取第一个子节点的文本内容。如果需要添加新的节点，可以使用`doc.createNode()`方法，如创建一个新节点： ```javascript var newNode = doc.createNode(1, "tagName", ""); // 1 表示元素节点，第二个参数是标签名 ``` 接着，可以使用`node.appendChild(newNode)`将新节点添加到现有节点的末尾。如果要删除节点，可以使用`node.removeChild(childNode)`。例如，如果要删除具有特定ID的`name`节点： ```javascript var nameNode = doc.getElementsByTagName("name")[0]; doc.removeChild(nameNode); ``` 此外，处理包含HTML内容的XML时，为了避免JavaScript将其解释为HTML，可以使用CDATA（Character Data）区域。例如，创建一个包含链接的`photo`节点： ```xml <photo><![CDATA[<a href="图片链接">图片描述</a>]]></photo> ``` 在JavaScript中，创建带有CDATA的节点需要特别处理： ```javascript var cdataSection = doc.createCDATASection("<a href='图片链接'>图片描述</a>"); var photoNode = doc.createElement("photo"); photoNode.appendChild(cdataSection); doc.appendChild(photoNode); ``` JavaScript通过DOM接口提供了丰富的功能来操作XML文档，包括解析、创建、查找、修改和删除节点，以及处理包含HTML内容的节点。需要注意的是，由于浏览器之间的差异，实现这些功能时需要进行兼容性检查和适配。