How Can I Parse XML Data in JavaScript Using the DOM?-JS Tutorial-php.cn

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

Barbara Streisand

Release： 2024-12-09 01:01:10

Original

1039 people have browsed it

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

Parse XML using JavaScript: A Comprehensive Solution

To parse XML data in JavaScript, you can utilize the DOM (Document Object Model) without external libraries.

Parsing XML Data from a String

If the XML is stored in a variable named txt, you can parse it using the 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);
}

Copy after login

Retrieving Specific Values from Nodes

Once the XML is parsed, you can retrieve specific data from the nodes:

// 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;

Copy after login

Handling XML with Namespace Prefixes

If the XML contains namespace prefixes, you should use the namespace URI when requesting the node:

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

Copy after login

The above is the detailed content of How Can I Parse XML Data in JavaScript Using the DOM?. For more information, please follow other related articles on the PHP Chinese website!