使用js解析xml文档和xml字符串(ie和火狐)
来源:互联网 发布:win7旗舰版激活软件 编辑:程序博客网 时间:2024/05/29 10:22
原文:http://blog.csdn.net/lushuaiyin/article/details/7564631
使用js解析xml文档和xml字符串。
分别针对ie和火狐分别作了对xml文档和xml字符串的解析,所有代码都注释掉了,想看哪部分功能,
去掉注释就可以了。
至于在ajax环境下解析xml,其实原理是一样的,只不过放在了ajax里,还是要对返回的xml进行解析。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title> New Document </title> <meta name="Author" content="lushuaiyin"> </head> <body> 用js解析xml文档和xml字符串 </body></html><script>//解析xml文档/////////////////////////////////////////////////////var xmlDoc=null;//支持IE浏览器if(window.ActiveXObject){ xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); }//支持Mozilla浏览器else if(document.implementation && document.implementation.createDocument){ xmlDoc = document.implementation.createDocument('','',null);}else{ alert("here");}if(xmlDoc!=null){ xmlDoc.async = false; xmlDoc.load("house.xml");}//ie和火狐不仅解析器不一样,解析过程也不一样。如下;//ie解析xml文档//alert(xmlDoc.getElementsByTagName("address")[0].childNodes[0].childNodes[0].childNodes[0].nodeValue);//弹出150万//alert(xmlDoc.getElementsByTagName("address")[0].childNodes[0].childNodes[1].childNodes[0].nodeValue);//弹出一室三居//层层遍历解析childNodes[1]//alert(xmlDoc.childNodes[1].childNodes[1].childNodes[0].childNodes[0].nodeValue);//弹出200万//alert(xmlDoc.childNodes[1].childNodes[0].childNodes[0].childNodes[0].nodeValue);//弹出150万//alert(xmlDoc.childNodes[1].childNodes[0].childNodes[1].childNodes[0].nodeValue);//弹出一室三居//还可以用item(i)进行遍历//var nodes=xmlDoc.documentElement.childNodes;//alert(nodes.item(0).childNodes.item(0).childNodes.item(0).text); //弹出150万//alert(nodes.item(0).childNodes.item(1).childNodes.item(0).text); //弹出一室三居//火狐解析xml文档//火狐浏览器和ie解析xml不一样节点的值用textContent。//并且他会在有的层次child节点前后都加上"\n"换行符。(这个搞不清楚为什么,用firebug调试的时候就是这个样子,所以写过的代码最好测试一下,换个环境就不对了)//也就是说第1个节点是"\n",第2个节点才是真正的第一个节点。//第3个节点是"\n",第4个节点才是真正的第二个节点。//层层获取解析childNodes[0]//alert(xmlDoc.childNodes[0].childNodes[1].childNodes[1].textContent);//弹出150万//alert(xmlDoc.childNodes[0].childNodes[1].childNodes[3].textContent);//弹出一室三居//直接获取节点名解析getElementsByTagName("address")//alert(xmlDoc.getElementsByTagName("address")[0].textContent);//弹出150万 一室三居 200万 300万//alert(xmlDoc.getElementsByTagName("address")[0].childNodes[1].textContent);//弹出150万 一室三居//alert(xmlDoc.getElementsByTagName("address")[0].childNodes[1].childNodes[1].textContent);//弹出150万//alert(xmlDoc.getElementsByTagName("address")[0].childNodes[1].childNodes[3].textContent);//弹出一室三居//alert(xmlDoc.getElementsByTagName("address")[0].childNodes[3].textContent);//弹出200万 //火狐也可以用item(1)函数遍历,注意也是有的层次节点前后都加了节点"\n"。//第一个节点是item(1),第二个节点是item(3),第三个节点是item(5)//item(1)函数遍历解析//var nodes=xmlDoc.documentElement.childNodes;//alert(nodes.item(1).textContent); //弹出150万 一室三居//alert(nodes.item(1).childNodes.item(1).textContent); //弹出150万 //alert(nodes.item(1).childNodes.item(3).textContent); //一室三居 //解析xml字符串/////////////////////////////////////////////////////////////////////////var str="<car>"+"<brand><price>50万</price><pattern>A6</pattern></brand>"+"<brand><price>65万</price><pattern>A8</pattern></brand>"+"<brand><price>17万</price></brand>"+"</car>";//跨浏览器,ie和火狐解析xml使用的解析器是不一样的。var xmlStrDoc=null;if (window.DOMParser){// Mozilla Explorer parser=new DOMParser(); xmlStrDoc=parser.parseFromString(str,"text/xml");}else{// Internet Explorer xmlStrDoc=new ActiveXObject("Microsoft.XMLDOM"); xmlStrDoc.async="false"; xmlStrDoc.loadXML(str);}//ie解析xml字符串//alert(xmlStrDoc.getElementsByTagName("car")[0].childNodes[0].childNodes[0].childNodes[0].nodeValue);//弹出50万//alert(xmlStrDoc.getElementsByTagName("car")[0].childNodes[0].childNodes[1].childNodes[0].nodeValue);//弹出A6//还可以用item(i)进行遍历//var strNodes=xmlStrDoc.documentElement.childNodes;//alert(strNodes.item(0).childNodes.item(0).childNodes.item(0).text); //弹出50万//alert(strNodes.item(0).childNodes.item(1).childNodes.item(0).text); //弹出A6//火狐解析xml字符串//火狐浏览器和ie解析xml不一样节点的值用textContent。//并且他会在有的层次child节点前后都加上"\n"换行符。//也就是说第1个节点是"\n",第2个节点才是真正的第一个节点。//第3个节点是"\n",第4个节点才是真正的第二个节点。//alert(xmlStrDoc.childNodes[0].childNodes[1].textContent);//弹出65万 A8//alert(xmlStrDoc.childNodes[0].childNodes[1].childNodes[1].textContent);//A8//alert(xmlStrDoc.childNodes[0].childNodes[1].childNodes[0].textContent);//弹出65万//火狐也可以用item(1)函数遍历,注意也是有的层次节点前后都加了节点"\n"。//第一个节点是item(1),第二个节点是item(3),第三个节点是item(5)//var nodes=xmlStrDoc.documentElement.childNodes;//alert(nodes.item(1).textContent); //弹出65万 A8//alert(nodes.item(1).childNodes.item(0).textContent); //弹出65万 //alert(nodes.item(1).childNodes.item(1).textContent); //弹出A8 </script>
其中xml每个节点所在层次是最烦人的问题,只能一次次去试,只要出来一个正确的,
就很好确定节点的层次关系了,或者debug一下。
感觉这方面json还是更好阅读和理解。这个解析太费劲了!
文档house.xml内容如下:
- 使用js解析xml文档和xml字符串(ie和火狐)
- 使用js解析xml文档和xml字符串(ie和火狐)
- jquery解析xml文档和xml字符串(ie和火狐环境下)
- JS解析XML数据,ActiveXObject("Microsoft.XMLDOM")对象兼容IE和火狐
- 使用Js解析xml字符串和xml文件
- JS解析XML文件和XML字符串
- JS解析XML文件和XML字符串
- JS解析XML文件和XML字符串
- JS解析XML文件和XML字符串
- JS解析XML文件和XML字符串
- JS解析XML文件和XML字符串
- js 解析xml文件和xml字符串
- JS解析XML文件和XML字符串
- 使用SAX和dom4j解析XML文档
- 使用dom4j生成和解析XML文档
- 使用Pull解析和生成XML文档
- 使用tinyxml2生成和解析xml文档
- 兼容IE和Firefox的JS读取XML文档例子
- Linux创建静态库和动态库
- Outlook 2010 收邮件word,excel附件打不开问题处理
- Eclipse3.7中搭建Android开发环境
- 非集群client访问HBase方法
- ubuntu 11.10 lightdm 循环在登陆界面
- 使用js解析xml文档和xml字符串(ie和火狐)
- 联系人有android.permission.CALL_PRIVILEGED权限为什么还会报这个错
- Android磁盘管理
- 文件续写
- oracle小数点前零丢失的问题
- POJ 3094 quicksum lightblueme
- D3DPRESENT_PARAMETERS详解
- Can't Change to Run as User 'Mysql'. Please Check That the User Exists!
- c++中箭头操作符(->) VS 点操作符(.)