How can I read child node names and their values in XML without specifying the tag name?

Question

Here, I want to loop through the <detail> elements. Although I can specify the <detail> tag name in my code, I can't use the tag names of the children. I want to know the tag names of those elements and their values.

How can I loop through them and do this?

<?xml version="1.0" encoding="utf-8" ?>
<body>
  <detail>
    <FirstName>t1 </FirstName>
    <LastName>t2</LastName>
    <Company>t3</Company>
    <Country>t4</Country>
    <Proviance>MP</Proviance>
    <city>indore</city>
  </detail>

  <detail>
    <FirstName>t5 </FirstName>
    <LastName>t6</LastName>
    <Company>t7</Company>
    <Country>t8</Country>
    <Proviance>t9</Proviance>
  </detail>

  <detail>
    <FirstName>t10 </FirstName>
    <LastName>t11</LastName>
    <Company>t12</Company>
    <Country>t13</Country>
    <Proviance>t14</Proviance>
  </detail>

</body>

Alex K. · Accepted Answer · 2018-10-17T12:39:16.773

11

How about;

var details = xml.getElementsByTagName("detail");

for (var i = 0; i < details.length; i++) {
    if (details[i].childNodes) {
        for (var j = 0; j < details[i].childNodes.length; j++) {
            var detail = details[i].childNodes[j];
            if (detail.nodeType === 1)
                alert( "details node " + (i + 1) + ": " + detail.nodeName + "=" + detail.firstChild.nodeValue );
        }
    }
}

edited Oct 17 '18 at 12:39

answered Nov 10 '11 at 13:28

Alex K.

171,639
30
264
288

xmlhttp.getElementsByTagName is not a function :- – NoviceToDotNet Nov 10 '11 at 14:21
xml in the example is a dom object not an xmlhttp object, so its `xmlhttp.responseXML` – Alex K. Nov 10 '11 at 14:41
Helo Alex, Could you tell me meaning of this line in your code if (detail.nodeType === 1) – NoviceToDotNet Nov 11 '11 at 07:02
It filters out nodes that are not element nodes (which is what you want to read) http://stackoverflow.com/questions/132564/whats-the-difference-between-an-element-and-a-node-in-xml – Alex K. Nov 11 '11 at 11:13
Clear and simple ;3 – Waymas Apr 12 '18 at 22:55

score 1 · Answer 2 · answered Nov 10 '11 at 12:51

1

Here is a tutorial for parsing XML with JavaScript. Maybe it helps.

Hint: Search for tagName on the page

answered Nov 10 '11 at 12:51

yunzen

32,854
11
73
106

score 1 · Answer 3 · answered Nov 10 '11 at 13:05

Another great article of reading xml in javascript.

this tutorial only cover the IE support script, a little reading may help you make it compatible with other browsers.

you can search this text on google "XML Parser in Firefox Browsers" will give more results with example code.

How can I read child node names and their values in XML without specifying the tag name?

3 Answers3