JavaScript の DOM API を使用して XML ドキュメントを解析するにはどうすればよいですか?

JavaScript を使用した XML の解析

JavaScript での XML ドキュメントの解析は、Web 開発の一般的な要件です。これは、ネイティブ JavaScript DOM (Document Object Model) API を使用して簡単に実現できます。

DOM API

DOM API は、XML ドキュメントの階層表現を提供します。これにより、開発者は XML ノードとその属性にアクセスして操作できるようになります。 DOM API を使用して XML ドキュメントを解析するには、次の手順に従います。

1. DOMParser オブジェクトを作成します: このオブジェクトは、XML 文字列を DOM 構造に解析するために使用されます。
2. XML 文字列を解析します: の parseFromString メソッドを呼び出します。 DOMParser オブジェクトを使用して 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 中国語 Web サイトの他の関連記事を参照してください。