在前端开发中，我们经常需要处理 XML 类型的数据，例如使用 AJAX 请求获取 XML 数据或者直接从本地读取 XML 文件。不同浏览器对于 XML 数据的解析方式存在差异，因此我们需要找到一种兼容各浏览器的方法来解析 XML 数据。
使用 DOMParser API
DOMParser 是一个标准的 API，可以将 XML 或 HTML 字符串解析为 DOM 文档。我们可以通过以下代码创建一个 DOMParser 对象：
----- ------ - --- ------------
然后，我们可以使用 parseFromString 方法将 XML 字符串解析为 DOM 文档：
----- --------- - ------------------------- --- ---------- ---------------------- ----- ------ - --------------------------------- ------------
这里的第二个参数表示要解析的文档类型，"text/xml" 表示解析 XML 文档。最终得到的 xmlDoc 对象是一个 DOM 文档对象，我们可以通过它来访问 XML 文档中的节点和属性。
但是，在某些旧版本的浏览器中，DOMParser API 可能不被支持，例如 Internet Explorer 8 及其以下版本。因此，我们需要编写一些兼容性代码来处理这种情况。
以下是一个实现兼容各浏览器解析 XML 数据的示例代码：
-------- ------------------- -
--- ------ - -----
-- ------------------ -
----- ------ - --- ------------
------ - --------------------------------- ------------
- ---- -- ---------------------- -
-- -------- --------
------ - --- ----------------------------------
------------ - ------
--------------------------
- ---- -
----- --- --------- --- ------ --------
-
------ -------
-这段代码首先检查当前浏览器是否支持 DOMParser API，如果支持，则使用 DOMParser API 解析 XML 字符串。如果不支持，则判断是否为 Internet Explorer 浏览器，如果是，则使用 ActiveXObject 对象来解析 XML 字符串。
总结
在前端开发中，处理 XML 数据是非常常见的操作。通过使用 DOMParser API，我们可以简单地将 XML 字符串解析为 DOM 文档，并且兼容各种主流浏览器。当然，对于那些过时的浏览器，我们仍需要编写一些额外的兼容性代码来应对。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/3094