本文实例讲述了JS实现兼容各浏览器解析XML文档数据的方法。分享给大家供大家参考。具体分析如下:
网站上很多用JS解析XML文档的资料或多或少都有点问题,
以下是自己总结的代码,用来解析XML文档,兼容各个浏览器。
parseXMLDOM.js代码:
";
}
}
}
}else{
var book = xmlDom.getElementsByTagName("book");
var strHtml="";
for(var i = 0;i < book.length;i++){
strHtml += book[i].getElementsByTagName("isbn")[0].textContent;
strHtml += " ";
strHtml += " ";
strHtml += book[i].getElementsByTagName("price")[0].textContent;
strHtml += " ";
strHtml += book[i].getElementsByTagName("title")[0].textContent;
if(i != book.length - 1){
strHtml += "
"; } } } document.getElementById("msg").innerHTML = strHtml; } } } window.onload = function(){ var parSEObj = new parseXMLDOM(); //设置浏览器类型 parSEObj.setBrowserType(parSEObj.getBrowserType()); //设置文件路径 parSEObj.setXmlFile("test.xml"); //创建XMLDOM parSEObj.setXmlDom(parSEObj.createXmlDom(null)); //解析XMLDOM parSEObj.parseXMLDOMInfo(); }
"; } } } document.getElementById("msg").innerHTML = strHtml; } } } window.onload = function(){ var parSEObj = new parseXMLDOM(); //设置浏览器类型 parSEObj.setBrowserType(parSEObj.getBrowserType()); //设置文件路径 parSEObj.setXmlFile("test.xml"); //创建XMLDOM parSEObj.setXmlDom(parSEObj.createXmlDom(null)); //解析XMLDOM parSEObj.parseXMLDOMInfo(); }
index.HTML代码:
<Meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
JS解析XML文档中的数据(兼容所有浏览器)