利用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>

posted @ 2012-02-04 11:50  菊花一紧  阅读(575)  评论(0编辑  收藏  举报