JS解析xml字符串，并把xml展示在HTML页面上

首先，要写一个方法，把xml字符串转化成dom对象

//将字符串转化成dom对象;string转换为xml

    function stringToXml(xmlString) {

        var xmlDoc;

        if (typeof xmlString == "string") {

            //FF

            if (document.implementation.createDocument) {

                var parser = new DOMParser();

                xmlDoc = parser.parseFromString(xmlString, "text/xml");

            } else if (window.ActiveXObject) {

                xmlDoc = new ActiveXObject("Microsoft.XMLDOM");

                xmlDoc.async = false;

                xmlDoc.loadXML(xmlString);

            }

        }

        else {

            xmlDoc = xmlString;

        }

        return xmlDoc;

    }  

例如：xmlString = "<?xml version="1.0" encoding="UTF-8"?><messages><business><businessdata><result><report><![CDATA[校验报告HTML，内容保存成html文件后可直接查看]]></report></result></businessdata></business></messages>"

那么如何读取report节点下的值呢？ 必须用如下的方法读取，因为含有<![CDATA[ ]]>

var report= stringToXmlxmlString ).getElementsByTagName("report")[0].childNodes[0].nodeValue;

或者 report= stringToXmlxmlString ).getElementsByTagName("report")[0].childNodes[0].data;

如果没有<![CDATA[ ]]>

xmlString = "<?xml version="1.0" encoding="UTF-8"?><messages><result><report>校验报告HTML，内容保存成html文件后可直接查看</report></result></messages>"

var report = $(xmlString).find("report").text();就可以读取值


如果要在HTML页面上显示xml内容，只需要把xml字符串的内容放入到 标签<xmp></xmp>即可