How to output all values of particular xml element from an xml string in javascript?

Question

I got a xml data as string variable. it has many sets of <item>...</item> I wonder how I can extract all data of <name>..</name> for all the <item> sets and output them in to textarea using javascript?

Note: getjson grabs the remote xml and puts it as content variable: xml set example:

<item>
<title>rober album</title>
<link></link>
<description></description>
<location></location>
<image_url></image_url>
<name>robert</name>
</item>

code:

    <script>
    $.getJSON('http://anyorigin.com/get?url=http://asite.com/feed/latest&callback=?', function(data){
    var Content = data.contents;  
//here i want to parse all name element of remote xml and put it in textarea  
     });
    </script>

</head>
<body>
<td><textarea rows="7" cols="15" name="outputtext" style="width: 99%;"></textarea></td>

It's pretty unclear. You say you have XML data, but in the second piece of code there's an ajax call which returns JSON data. Is it unrelated? Where's your XML stored? — Dragos Bobolea
– Dragos Bobolea, Commented May 11, 2013 at 12:08
thanks for reply .getjson gets the xml from remote server and now i want to parse all name elements from that remote xml .Getjson holds the whole remote xml as string content. — user1788736
– user1788736, Commented May 11, 2013 at 12:13

Dragos Bobolea · Accepted Answer · 2013-05-11 12:27:08Z

1

I've put together a small script which will pretty much explain itself. It will loop trough all the ITEM nodes in the XML document loaded from a string (getJSON in your case), and alerts all the names. You should be able to take it from here ;)

var xmlData = "<items><item><title>rober album</title><link></link><description></description><location></location><image_url></image_url><name>robert</name></item><item><title>robert 2</title><link></link><description>/description><location></location><image_url></image_url><name>Jack</name></item></items>";

var parser=new DOMParser();
xmlDoc=parser.parseFromString(xmlData,"text/xml");

var items = xmlDoc.getElementsByTagName("item");

for(i = 0; i < items.length; i++)
    alert(items[i].getElementsByTagName("name")[0].childNodes[0].nodeValue);

For more details on working with XML in javascript, check out the documentation at w3s: http://www.w3schools.com/xml/xml_dom.asp

answered May 11, 2013 at 12:27

Dragos Bobolea

7827 silver badges16 bronze badges

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

2 Comments

user1788736 Over a year ago

Many thanks it worked .So i can retrieve multiple diffrent elements inside for loop too(for example image_url)?

Dragos Bobolea Over a year ago

yeah, you can access any child node you want with the getElementsByTageName() function, which returns an array with all the matching nodes. Play around with it a bit

Collectives™ on Stack Overflow

How to output all values of particular xml element from an xml string in javascript?

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