Loop a XML in javascript and get values

Question

Im trying to print out the content of an xml string but can't get it to work. Anyone that can see my misstake?

XML string:

<row>
    <text>Hello</text>
    <value>1</value>
</row>
<row>
    <text>Hello2</text>
    <value>2</value>
</row>
<row>
    <text>Hello3</text>
    <value>3</value>
</row>

The XML is a string that is sent to showXML function.

Javascript:

function showXML(xmlText) {
    var ele = document.getElementById("Content");
    ele.style.display = "block";
    var doc = StringtoXML(xmlText); //Coverts string to XML

    var html = "";

    var rows = doc.getElementsByTagName("row");
    for (var i = 0; i < rows.length; i++) {     
        var text = rows[i].getElementsByTagName("text").nodeValue;
        var value= rows[i].getElementsByTagName("value").nodeValue;  
        html = html + " text: " + text + " value: " +value;   
    }  
    ele.innerHTML = html;
} 

function StringtoXML(text){
if (window.ActiveXObject){
    var doc=new ActiveXObject('Microsoft.XMLDOM');
    doc.async='false';
    doc.loadXML(text);
} else {
    var parser=new DOMParser();
    var doc=parser.parseFromString(text,'text/xml');
}
return doc;
}

Thx for all the help!

Utkarsh Panwar · Accepted Answer · 2011-09-22 12:13:11Z

1

Here are the correction required in your for loop

    var text = rows[i].getElementsByTagName("text")[0].childNodes[0].nodeValue;
    var value= rows[i].getElementsByTagName("value")[0].childNodes[0].nodeValue;

getElementsByTagName returns an array/collection.

answered Sep 22, 2011 at 12:13

Utkarsh Panwar

1316 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Saxoier Over a year ago

getElementsByTagName returns a NodeList of all descendant Elements with a given tag name, in document order.

Utkarsh Panwar Over a year ago

Are you using the the code as below: for (var i = 0; i < rows.length; i++) { var text = rows[i].getElementsByTagName("text")[0].childNodes[0].nodeValue; var value= rows[i].getElementsByTagName("value")[0].childNodes[0].nodeValue; html = html + " text: " + text + " value: " +value; }

Collectives™ on Stack Overflow

Loop a XML in javascript and get values

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related