Parse XML using JavaScript

Question

I need to be able to parse XML using JavaScript  The XML will be in a variable  I would prefer not to use jQuery or other frameworks   I have looked at this  XML   jQuery reading

User · Answer

The following will parse an XML string into an XML document in all major browsers, including Internet Explorer 6. Once you have that, you can use the usual DOM traversal methods/properties such as childNodes and getElementsByTagName() to get the nodes you want.

var parseXml;
if (typeof window.DOMParser != "undefined") {
    parseXml = function(xmlStr) {
        return ( new window.DOMParser() ).parseFromString(xmlStr, "text/xml");
    };
} else if (typeof window.ActiveXObject != "undefined" &&
       new window.ActiveXObject("Microsoft.XMLDOM")) {
    parseXml = function(xmlStr) {
        var xmlDoc = new window.ActiveXObject("Microsoft.XMLDOM");
        xmlDoc.async = "false";
        xmlDoc.loadXML(xmlStr);
        return xmlDoc;
    };
} else {
    throw new Error("No XML parser found");
}

Example usage:

var xml = parseXml("<foo>Stuff</foo>");
alert(xml.documentElement.nodeName);

Which I got from https://stackoverflow.com/a/8412989/1232175.

User · Answer

I m guessing from your last question  asked 20 minutes before this one  that you are trying to parse  read and convert  the XML found through using GeoNames  FindNearestAddress   If your XML is in a string variable called txt and looks like this    lt address gt     lt street gt Roble Ave lt  street gt     lt mtfcc gt S1400 lt  mtfcc gt     lt streetNumber gt 649 lt  streetNumber gt     lt lat gt 37 45127 lt  lat gt     lt lng gt -122 18032 lt  lng gt     lt distance gt 0 04 lt  distance gt     lt postalcode gt 94025 lt  postalcode gt     lt placename gt Menlo Park lt  placename gt     lt adminCode2 gt 081 lt  adminCode2 gt     lt adminName2 gt San Mateo lt  adminName2 gt     lt adminCode1 gt CA lt  adminCode1 gt     lt adminName1 gt California lt  adminName1 gt     lt countryCode gt US lt  countryCode gt   lt  address gt    Then you can parse the XML with Javascript DOM like this   if  window DOMParser        parser   new DOMParser        xmlDoc   parser parseFromString txt   text xml      else    Internet Explorer       xmlDoc   new ActiveXObject  Microsoft XMLDOM        xmlDoc async   false      xmlDoc loadXML txt       And get specific values from the nodes like this     Gets house address number xmlDoc getElementsByTagName  streetNumber   0  childNodes 0  nodeValue     Gets Street name xmlDoc getElementsByTagName  street   0  childNodes 0  nodeValue     Gets Postal Code xmlDoc getElementsByTagName  postalcode   0  childNodes 0  nodeValue    JSFiddle    Feb  2019 edit   In response to  gaugeinvariante s concerns about xml with Namespace prefixes  Should you have a need to parse xml with Namespace prefixes  everything should work almost identically   NOTE  this will only work in browsers that support xml namespace prefixes such as Microsoft Edge   x000D   x000D     XML with namespace prefixes  s    sn   and  p  in a variable called txt x000D  txt     x000D   lt address xmlns p  example com postal  xmlns s  example com street  xmlns sn  example com streetNum  gt  x000D     lt s street gt Roble Ave lt  s street gt  x000D     lt sn streetNumber gt 649 lt  sn streetNumber gt  x000D     lt p postalcode gt 94025 lt  p postalcode gt  x000D   lt  address gt    x000D   x000D    Everything else the same x000D  if  window DOMParser  x000D    x000D      parser   new DOMParser    x000D      xmlDoc   parser parseFromString txt   text xml    x000D    x000D  else    Internet Explorer x000D    x000D      xmlDoc   new ActiveXObject  Microsoft XMLDOM    x000D      xmlDoc async   false  x000D      xmlDoc loadXML txt   x000D    x000D   x000D    The prefix should not be included when you request the xml namespace x000D    Gets  streetNumber   note there is no prefix of  sn  x000D  console log xmlDoc getElementsByTagName  streetNumber   0  childNodes 0  nodeValue   x000D   x000D    Gets Street name x000D  console log xmlDoc getElementsByTagName  street   0  childNodes 0  nodeValue   x000D   x000D    Gets Postal Code x000D  console log xmlDoc getElementsByTagName  postalcode   0  childNodes 0  nodeValue   x000D   x000D   x000D

[javascript] Parse XML using JavaScript

The answer is

Examples related to javascript

Examples related to xml

Examples related to domparser

Tags