利用javascript实现遍历xml文件的代码实例
利用一个实例来介绍了关于如何利用js来遍历xml文件的办法,有需要学习的同学可以参考一下本实例啊。
<script>
function getXmldoc(xmlfile){ //创建Xmldocument对象,使用方法:传入xml文件名即可。
var xmlDoc;
// 判断浏览器是不是IE
if (window.ActiveXObject) {
xmlDoc=new ActiveXObject(“Microsoft.XMLDOM”);
}
// 判断浏览器不是火狐及其他浏览器
else if (document.implementation && document.implementation.createDocument) {
xmlDoc=document.implementation.createDocument(“”,”",null);
} else {
alert(‘你的浏览器不能处理脚本’);
}
xmlDoc.async=false; //关闭异步传输
xmlDoc.load(xmlfile); //载入xml文件
return(xmlDoc);
}
var xmldoc=getXmldoc(“cd.xml”); //添加xml文件,创建document对象
var cds=xmldoc.getElementsByTagName(“cd”); //获得xml文件里面的所有cd标签
//alert(cds[0].childNodes[0].childNodes[0].nodeValue); //获得第一个cd标签里的第一个title标签里面的第一个文本节点的内容
var str=’<table border=”1″ width=”500″ align=”center”>’;
//遍历xml文件内容,以表格形式输出
for(var i=0; i<cds.length; i++){
str+=”<tr>”;
for(var j=0; j<cds[i].childNodes.length; j++){
if(cds[i].childNodes[j].nodeType==1){ //www.3ppt.com判断节点类型,因为IE和火狐两个浏览器获取xml文件不一样,换行也会当做一个节点
str+=’<td>’+cds[i].childNodes[j].childNodes[0].nodeValue+’</td>’;
}
}
str+=’</tr>’;
}
str+=’</table>’;
</script>
<div id=“one” style=”background:#ccc“>
</div>
<script>
document.getElementById(“one”).innerHTML=str; //输出内容
</script>