DOM を使用して JavaScript で XML データを解析するにはどうすればよいですか?-jsチュートリアル-php.cn

DOM を使用して JavaScript で XML データを解析するにはどうすればよいですか?

Barbara Streisand

リリース： 2024-12-09 01:01:10

オリジナル

1033 人が閲覧しました

How Can I Parse XML Data in JavaScript Using the DOM?

JavaScript を使用した XML の解析: 包括的なソリューション

JavaScript で XML データを解析するには、XML を使用せずに DOM (ドキュメントオブジェクトモデル) を利用できます。外部ライブラリ。

外部ライブラリからの XML データの解析String

XML が txt という名前の変数に保存されている場合は、DOMParser を使用して解析できます:

if (window.DOMParser) {
  parser = new DOMParser();
  xmlDoc = parser.parseFromString(txt, "text/xml");
} else {
  xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
  xmlDoc.async = false;
  xmlDoc.loadXML(txt);
}

ログイン後にコピー

ノードから特定の値を取得

XML が解析されると、ファイルから特定のデータを取得できます。ノード:

// Get house address number
streetNumber = xmlDoc.getElementsByTagName("streetNumber")[0].childNodes[0].nodeValue;

// Get street name
street = xmlDoc.getElementsByTagName("street")[0].childNodes[0].nodeValue;

// Get postal code
postalCode = xmlDoc.getElementsByTagName("postalcode")[0].childNodes[0].nodeValue;

ログイン後にコピー

名前空間プレフィックスを使用した XML の処理

XML に名前空間プレフィックスが含まれている場合は、ノードをリクエストするときに名前空間 URI を使用する必要があります:

console.log(xmlDoc.getElementsByTagName("streetNumber")[0].childNodes[0].nodeValue); // Gets "streetNumber" without the 'sn' prefix

console.log(xmlDoc.getElementsByTagNameNS("example.com/postal", "postalcode")[0].childNodes[0].nodeValue); // Gets postal code with 'p' namespace prefix

ログイン後にコピー

以上がDOM を使用して JavaScript で XML データを解析するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。