Convert XML to String and append to page

Question

I want to convert an xml element like this:

<asin>B0013FRNKG</asin>

to string in javascript

I used XMLSerializer:

new XMLSerializer().serializeToString(xml);

the string only shows on alert() and in the console. On the page it just says

[object Element][object Element]

I want to get the string.

do you want to get `"B0013FRNKG"`, or `"B0013FRNKG"`? – Anurag Mar 27 '12 at 22:56 — Anurag, Mar 27 '12 at 22:56

score 53 · Accepted Answer · edited May 11 '17 at 23:33

53

You haven't told us how you go about displaying that object. XMLSerializer works on DOM nodes, so your object has to be added somewhere, for example:

document.getElementById('SomeDiv').appendChild(xml);

and if you just want the full xml string to be displayed:

var xmlText = new XMLSerializer().serializeToString(xml);
var xmlTextNode = document.createTextNode(xmlText);
var parentDiv = document.getElementById('SomeDiv');
parentDiv.appendChild(xmlTextNode);

edited May 11 '17 at 23:33

machineghost

33,529
30
159
234

answered Mar 27 '12 at 22:58

veblock

1,904
18
10

This worked! Thank you. I didnt know about the `createTextNode` part. I thought XML could be used like JSON. – rzcl Mar 27 '12 at 23:24

score 7 · Answer 2 · edited Aug 19 '14 at 10:34

7

<script type='text/javascript'>

    function xmlToString(xmlData) { 

        var xmlString;
        //IE
        if (window.ActiveXObject){
            xmlString = xmlData.xml;
        }
        // code for Mozilla, Firefox, Opera, etc.
        else{
            xmlString = (new XMLSerializer()).serializeToString(xmlData);
        }
        return xmlString;
    }   

</script>

use this in case of IE for browser compatibility issues.

edited Aug 19 '14 at 10:34

benka

4,732
35
47
58

answered Aug 19 '14 at 07:28

Avinash Anand

655
2
15
25

I've been using exactly this code for a while but I've come across a client running IE10 in Win7. They have "use natvie XMLHTTP" checked in Internet Options (not that that is relevant in this case). However "window.ActiveXObject" evaluates to truthy but xmlData.xml returns *undefined*. Any idea why? – Chris Walsh Sep 23 '16 at 13:31

score 4 · Answer 3 · edited Sep 04 '13 at 16:49

4

function getXmlString(xml) {
  if (window.ActiveXObject) { return xml.xml; }
  return new XMLSerializer().serializeToString(xml);
}
alert(getXmlString(xml));

edited Sep 04 '13 at 16:49

inanutshellus

9,683
9
53
71

answered Mar 27 '12 at 22:57

maerics

151,642
46
269
291

score 3 · Answer 4 · answered Mar 27 '12 at 22:51

3

Did you try enclosing the result like in…

(new XMLSerializer()).serializeToString(xml)

Also, I'd use console instead to see the content better:

console.log((new XMLSerializer()).serializeToString(xml));

answered Mar 27 '12 at 22:51

inhan

7,394
2
24
35

Jose Kj · Answer 5 · 2017-08-14T14:14:31.883

follow this to print,append data from xml data stored as string inside javscript

txt="<papers>"+"<paper>"+
 "<author>athor name</author>"+
"<title>title</title>"+
"<path>path</path>"+
"<track>which tack</track>"+
 "</paper>"+
"<paper>"+
"<author>athor name</author>"+
"<title>title</title>"+
"<path>path</path>"+
"<track>which tack</track>"+
"</paper>"+
"<paper>"+
"<author>athor name</author>"+
"<title>title</title>"+
"<path>path</path>"+
"<track>which tack</track>"+
"</paper>"+
"<papers>";
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);
    }

x=xmlDoc.getElementsByTagName("paper"); 
for (var i = 0; i < x.length; i++) {  
    var athor =x[i].childNodes[0].firstChild.nodeValue;
    var title = x[i].childNodes[1].firstChild.nodeValue;
    var path = x[i].childNodes[2].firstChild.nodeValue;
    var tack =x[i].childNodes[3].firstChild.nodeValue;
    //do something with these values...
    //each iteration gives one paper details    
    var xml=document.getElementById("element_id");//<div id="element_id"></div>
    var li = document.createElement("br");// create a new <br>  
    newlink = document.createElement('A'); // creating an <a> element
    newlink.innerHTML = athor;// adding <a>athor value here</a>
    newlink.setAttribute('href', path);// <a href="path"></a>

    newlink.appendChild(li);// <a href="path">athor</a><br>
    document.getElementById("element_id").appendChild(newlink);//finaly it becomes <div id="element_id"><a href="path">athor</a><br></div>


}

score 0 · Answer 6 · answered Mar 28 '12 at 01:23

0

If the DOM element <asin>B0013FRNKG</asin> is stored in the object element, then you can access the value using:

element.textContent

answered Mar 28 '12 at 01:23

Anurag

140,337
36
221
257

Convert XML to String and append to page

6 Answers6

Linked

Related