Конвертировать XML в строку и добавить на страницу - PullRequest
29 голосов
/ 28 марта 2012

Я хочу преобразовать элемент xml следующим образом:

<asin>​B0013FRNKG​</asin>​

в строку в javascript

Я использовал XMLSerializer:

new XMLSerializer().serializeToString(xml);

только строкапоказывает по предупреждению () и в консоли.На странице просто написано

[object Element][object Element]

Я хочу получить строку.

Ответы [ 6 ]

40 голосов
/ 28 марта 2012

Вы не сказали нам, как вы собираетесь отображать этот объект.XMLSerializer работает на узлах DOM, поэтому ваш объект должен быть где-то добавлен, например:

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

и, если вы хотите, чтобы отображалась полная строка XML:

var xmlText = new XMLSerializer().serializeToString(xml);
var xmlTextNode = document.createTextNode(xmlText);
var parentDiv = document.getElementById('SomeDiv');
parentDiv.appendChild(xmlTextNode);
5 голосов
/ 19 августа 2014
<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>    

используйте это в случае IE для проблем совместимости браузера.

4 голосов
/ 28 марта 2012
function getXmlString(xml) {
  if (window.ActiveXObject) { return xml.xml; }
  return new XMLSerializer().serializeToString(xml);
}
alert(getXmlString(xml));
2 голосов
/ 28 марта 2012

Вы пытались заключить результат, как в ...

(new XMLSerializer()).serializeToString(xml)

Кроме того, я бы вместо этого использовал консоль, чтобы лучше видеть контент:

console.log((new XMLSerializer()).serializeToString(xml));
0 голосов
/ 14 августа 2017

, чтобы распечатать, добавить данные из XML-данных, хранящихся в виде строки внутри 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>


}
0 голосов
/ 28 марта 2012

Если элемент DOM <asin>​B0013FRNKG​</asin>​ хранится в объекте element, вы можете получить доступ к значению, используя:

element.textContent
...