如何使用 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 文件包含命名空間前綴，請務必指定使用存取XML節點時的命名空間getElementsByTagNameNS.
• 瀏覽器支援：所有主流瀏覽器都支援 DOM API。

以上是如何使用 JavaScript 的 DOM API 解析 XML 文件？的詳細內容。更多資訊請關注PHP中文網其他相關文章！