JavaScript解析XML详解与示例

"这篇文档主要介绍了如何在JavaScript中解析XML数据，包括针对不同浏览器环境的兼容性处理，以及XML数据的三种常见存储方式，并提供了一段示例代码用于创建和处理XML DOM对象。" 在JavaScript中解析XML文档，通常需要考虑浏览器的差异，因为不同的浏览器可能使用不同的方法来处理XML。此文档特别提到了针对IE和Firefox两种内核的浏览器的解析方法。 1. Firefox内核的浏览器： Firefox使用`DOMParser`接口来解析XML字符串。这段代码中的`new DOMParser().parseFromString(str, "text/xml")`会返回一个新的XML Document对象。`str`是需要解析的XML字符串，"text/xml"指定了解析的MIME类型。 2. IE内核的浏览器： Internet Explorer则使用`ActiveXObject`来处理XML。在示例中，`new ActiveXObject("Msxml2.DOMDocument")`创建了一个新的XML Document对象，然后通过`loadXML(str)`方法加载XML字符串。注意，`loadXML`方法只能用于IE，而在其他浏览器中无效。 文档还讨论了XML数据在实际应用中的三种存储方式： 1. 属性存储： 数据可以作为XML元素的属性存储，例如：<photo attr1="1" attr2="2"></photo>。在JavaScript中，可以使用`node.getAttribute('attr1')`来获取指定属性的值。 2. 文本内容存储： 如果数据位于元素的文本内容中，如：<photo>这是我的照片</photo>，可以通过`node.firstChild.data`获取节点内的文本。`firstChild`获取到第一个子节点（这里是文本节点），`data`属性则获取该节点的文本内容。 3. CDATA存储： 当数据包含HTML或XML无法直接识别的内容时，可以使用CDATA（Character Data）来包裹，如：<photo><![CDATA[<a href="这是我的照片的连接">这是我的照片</a>]]></photo>。JavaScript同样可以通过`node.firstChild.data`来访问CDATA内的内容，但此时的数据不受XML解析规则限制，可以包含特殊字符。 最后，文档提供了一段JavaScript代码，用于检查当前浏览器是IE还是Firefox，并根据不同的浏览器环境创建XML DOM对象。在非IE浏览器中，它将使用`DOMParser`，而在IE中则使用`ActiveXObject`。 这篇文档对于理解如何在JavaScript中解析XML，特别是处理跨浏览器兼容性问题，提供了非常实用的指导。通过学习这些方法，开发者可以更好地在前端环境中处理XML数据。