js实现的解析下面分享一段代码实例,它实现了对代码如下:
loadfunction(var null; //判断浏览器的类型 //支持IE浏览器 if(!window.DOMParser && window.ActiveXObject){ var ]; for(var i=0;i<){ try{ = new ActiveXObject(break; } catch(e){ } } } //支持Mozilla浏览器 else if(document.implementation && document.implementation.createDocument){ try{ /* document.implementation.createDocument('','',null); 方法的三个参数说明 * 第一个参数是包含文档所使用的命名空间URI的字符串; * 第二个参数是包含文档根元素名称的字符串; * 第三个参数是要创建的文档类型(也称为doctype) */ = document.implementation.createDocument('','',null); } catch(e){} } else{ return null; } if(null){ = false; return
js解析
loadfunction(var null; //判断浏览器的类型 //支持IE浏览器 if(!window.DOMParser && window.ActiveXObject){ //window.DOMParser 判断是否是非ie浏览器 var ]; for(var i=0;i<){ try{ = new ActiveXObject(= false; //load break; }catch(e){} } } //支持Mozilla浏览器 else if(window.DOMParser && document.implementation && document.implementation.createDocument){ try{ /* DOMParser 对象解析 */ domParser = new DOMParser(); = domParser.parseFromString(); }catch(e){} } else{ return null; } return
<??><DongFang> <Company> <cNname>1</cNname> <cIP>1</cIP> </Company> <Company> <cNname>2</cNname> <cIP>2</cIP> </Company> <Company> <cNname>3</cNname> <cIP>3</cIP> </Company> <Company> <cNname>4</cNname> <cIP>4</cIP> </Company> <Company> <cNname>5</cNname> <cIP>5</cIP> </Company> <Company> <cNname>6</cNname> <cIP>6</cIP> </Company></DongFang>
使用方法:
var loadvar elements = );for (var i = 0; i < elements.length; i++) { var name = elements[i].getElementsByTagName("cNname")[0].firstChild.nodeValue; var ip = elements[i].getElementsByTagName("cIP")[0].firstChild.nodeValue;}
以上方法适合IE,下面我们来探讨下IE和火狐浏览器下解析分别针对ie和火狐分别作了对去掉注释就可以了。
至于在ajax环境下解析
//解析var null; //支持IE浏览器 if(window.ActiveXObject){ =new ActiveXObject("Microsoft.); } //支持Mozilla浏览器 else if(document.implementation && document.implementation.createDocument){ = document.implementation.createDocument('','',null); } else{ alert("here"); } if(null){ = false; "house.); } //ie和火狐不仅解析器不一样,解析过程也不一样。如下; //ie解析//alert(//alert( //层层遍历解析childNodes[1] //alert(//alert(//alert( //还可以用item(i)进行遍历 //var nodes=//alert(nodes.item(0).childNodes.item(0).childNodes.item(0).text); //弹出150万 //alert(nodes.item(0).childNodes.item(1).childNodes.item(0).text); //弹出一室三居 //火狐解析//火狐浏览器和ie解析//并且他会在有的层次child节点前后都加上"\n"换行符。(这个搞不清楚为什么,用firebug调试的时候就是这个样子,所以写过的代码最好测试一下,换个环境就不对了) //也就是说第1个节点是"\n",第2个节点才是真正的第一个节点。 //第3个节点是"\n",第4个节点才是真正的第二个节点。 //层层获取解析childNodes[0] //alert(//alert( //直接获取节点名解析getElementsByTagName("address") //alert(//alert(//alert(//alert(//alert( //火狐也可以用item(1)函数遍历,注意也是有的层次节点前后都加了节点"\n"。 //第一个节点是item(1),第二个节点是item(3),第三个节点是item(5) //item(1)函数遍历解析 //var nodes=//alert(nodes.item(1).textContent); //弹出150万 一室三居 //alert(nodes.item(1).childNodes.item(1).textContent); //弹出150万 //alert(nodes.item(1).childNodes.item(3).textContent); //一室三居 //解析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和火狐解析var null; if (window.DOMParser){// Mozilla Explorer parser=new DOMParser(); =parser.parseFromString(str,"text/); }else{// Internet Explorer new ActiveXObject("Microsoft.); ="false"; //ie解析//alert(//alert( //还可以用item(i)进行遍历 //var strNodes=//alert(strNodes.item(0).childNodes.item(0).childNodes.item(0).text); //弹出50万 //alert(strNodes.item(0).childNodes.item(1).childNodes.item(0).text); //弹出A6 //火狐解析//火狐浏览器和ie解析//并且他会在有的层次child节点前后都加上"\n"换行符。 //也就是说第1个节点是"\n",第2个节点才是真正的第一个节点。 //第3个节点是"\n",第4个节点才是真正的第二个节点。 //alert(//alert(//alert( //火狐也可以用item(1)函数遍历,注意也是有的层次节点前后都加了节点"\n"。 //第一个节点是item(1),第二个节点是item(3),第三个节点是item(5) //var nodes=//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
其中就很好确定节点的层次关系了,或者debug一下。
感觉这方面json还是更好阅读和理解。
这个解析太费劲!
文档house.
<??> <address> <city name="北京"> <price>150万</price> <type>一室三居</type> </city> <city name="上海"> <price>200万 </price> </city> <city name="杭州"> <price>230万</price> </city> <city name="南京"></city> </address>
原文地址是http://www.softwhy.com/forum.php?mod=viewthread&tid=17749
更多内容可以参阅http://www.softwhy.com/jsshili/
原标题:js实现的解析xml文件和xml字符串代码实例
关键词:JS