如何使用 JavaScript 的 DOM API 解析 XML 文档？

使用 JavaScript 解析 XML

在 JavaScript 中解析 XML 文档是 Web 开发的常见要求。这可以使用原生 JavaScript DOM（文档对象模型）API 轻松实现。

DOM API

DOM API 提供 XML 文档的分层表示，允许开发人员访问和操作 XML 节点及其属性。要使用 DOM API 解析 XML 文档，请按照以下步骤操作：

1. 创建 DOMParser 对象：该对象用于将 XML 字符串解析为 DOM 结构。
2. 解析XML字符串：调用DOMParser对象的parseFromString方法解析XML字符串并创建一个 DOM 文档。
3. 访问 XML 节点：使用 getElementsByTagName 和 getElementsByTagNameNS 等方法根据标记名称和命名空间来访问所需的 XML 节点（如果适用）。

示例

考虑以下 XML 字符串：

<address>
  <street>Roble Ave</street>
  <streetNumber>649</streetNumber>
  <postalcode>94025</postalcode>
</address>

解析此 XML 字符串并访问街道名称、街道号码和邮政编码，使用以下 JavaScript代码：

const txt = `<xml string here>`;

if (window.DOMParser) {
  const parser = new DOMParser();
  const xmlDoc = parser.parseFromString(txt, "text/xml");
  console.log(xmlDoc.getElementsByTagName("street")[0].childNodes[0].nodeValue); // Logs "Roble Ave"
  console.log(xmlDoc.getElementsByTagName("streetNumber")[0].childNodes[0].nodeValue); // Logs "649"
  console.log(xmlDoc.getElementsByTagName("postalcode")[0].childNodes[0].nodeValue); // Logs "94025"
} else {
  // Code for older browsers using ActiveXObject
}

注意：

• 命名空间前缀：如果 XML 文档包含命名空间前缀，请务必指定使用访问 XML 节点时的命名空间getElementsByTagNameNS.
• 浏览器支持：所有主流浏览器都支持 DOM API。

以上是如何使用 JavaScript 的 DOM API 解析 XML 文档？的详细内容。更多信息请关注PHP中文网其他相关文章！