ホームページ >ウェブフロントエンド >jsチュートリアル >DOM を使用して JavaScript で XML データを解析するにはどうすればよいですか?

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

Barbara Streisand
Barbara Streisandオリジナル
2024-12-09 01:01:10999ブラウズ

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。