利用javascript实现遍历xml文件的代码实例

16lz 2021-01-22

利用一个实例来介绍了关于如何利用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>

更多相关文章

随机推荐