how to parse xml files field tag using javascript

Question

i have a xml file which has field tags like

    <!-- fields for index-anchor plugin -->
    <field name="anchor" type="string" stored="true" indexed="true"
        multiValued="true"/>

    <!-- fields for index-more plugin -->
    <field name="type" type="string" stored="true" indexed="true"
        multiValued="true"/>
    <field name="contentLength" type="long" stored="true"
        indexed="false"/>

how to parse the xml field tags using javascript I have tried the following code but of no use

<script>
function loadXMLDoc() {
  var xmlhttp = new XMLHttpRequest();
  xmlhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      myFunction(this);
    }
  };
  xmlhttp.open("GET", "schema.xml", true);
  xmlhttp.send();
}

function myFunction(xml) {
  var x, i, xmlDoc, txt;
  xmlDoc = xml.responseXML;
  txt = "";
    x = xmlDoc.getElementsByTagName("field");
    for (i = 0; i< x.length; i++) {
    txt += x[i].childNodes[0].nodeValue +"<br>";
  }
  document.getElementById("demo").innerHTML = txt;
}
</script>

Answer 1

I guess thid would work :

var text = `
    <!-- fields for index-anchor plugin -->
    <field name="anchor" type="string" stored="true" indexed="true"
        multiValued="true"/>

    <!-- fields for index-more plugin -->
    <field name="type" type="string" stored="true" indexed="true"
        multiValued="true"/>
    <field name="contentLength" type="long" stored="true"
        indexed="false"/>
`;

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


console.log(xmlDoc.getElementsByTagName("field")[0].getAttribute("name"));