JS解析XML的实现代码
2009-11-12 00:00
1006 查看
JS代码:
xml代码:
下面的文章也可以一同参考下
我看IE与FF------Js读取xml文件
我几天为了实现一个小小的功能(奥运圣火传递路线).Js读取了下xml文件,为了适应IE与FF还是费了一点时间的.
以下是xml的片断.
<script language="javascript" type="text/javascript"> //需要读取的xml文件 var uRl = "jsReadXml.xml"; var xmlDoc; //初始化,给上述定义变量赋值 // function showcurcity(){ if(window.ActiveXObject) { xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); xmlDoc.async="false" xmlDoc.load(uRl); getvalue(); } else if(document.implementation && document.implementation.createDocument) { xmlDoc=document.implementation.createDocument("", "root", null); xmlDoc.load(uRl); xmlDoc.onload=getvalueff; } // else { // return null; // } // } function getvalue() { var nodes=xmlDoc.documentElement.childNodes; var now=new Date(); for(i=0;i<nodes.length;i++){ var value=nodes.item(i).childNodes.item(0).text ; alert(nodes.item(i).childNodes.item(1).text); alert(nodes.item(i).childNodes.item(2).text); } } function getvalueff(){ var cCode=xmlDoc.getElementsByTagName("date"); var now = new Date(); var nowvalue=now.getFullYear()+'年'+(now.getMonth()+1)+'月'+now.getDate()+'日'; for(i=0;i<cCode.length;i++) { alert(xmlDoc.getElementsByTagName("imgsrc")[i].childNodes[0].nodeValue); alert(xmlDoc.getElementsByTagName("title")[i].childNodes[0].nodeValue); alert(xmlDoc.getElementsByTagName("url")[i].childNodes[0].nodeValue); } } </script>
xml代码:
<?xml version="1.0" encoding="UTF-8" ?> <root> <imags> <imgsrc>images/ad-01.jpg</imgsrc> <title>胡志明市</title> <url>http://torchrelay.beijing2008.cn/cn/journey/hochiminhcity/</url> </imags> <imags> <imgsrc>images/ad-02.jpg</imgsrc> <title>香港2</title> <url>http://torchrelay.beijing2008.cn/cn/journey/hongkong/</url> </imags> <imags> <imgsrc>images/ad-03.jpg</imgsrc> <title>香港3</title> <url>http://torchrelay.beijing2008.cn/cn/journey/hongkong/</url> </imags> <imags> <imgsrc>images/ad-04.jpg</imgsrc> <title>香港4</title> <url>http://torchrelay.beijing2008.cn/cn/journey/hongkong/</url> </imags> <imags> <imgsrc>images/ad-05.jpg</imgsrc> <title>香港5</title> <url>http://torchrelay.beijing2008.cn/cn/journey/hongkong/</url> </imags> </root>
下面的文章也可以一同参考下
我看IE与FF------Js读取xml文件
我几天为了实现一个小小的功能(奥运圣火传递路线).Js读取了下xml文件,为了适应IE与FF还是费了一点时间的.
<script language="javascript" type="text/javascript"> var xmlDoc; function showcurcity() { if(window.ActiveXObject) { xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); xmlDoc.async="false" xmlDoc.load("OlyCity.xml"); getvalue(); } else if(document.implementation && document.implementation.createDocument) { xmlDoc=document.implementation.createDocument("", "root", null); xmlDoc.load('OlyCity.xml'); xmlDoc.onload=getvalueff; } else { return null; } } function getvalue() { var nodes=xmlDoc.documentElement.childNodes; var now=new Date(); for(i=0;i<nodes.length;i++){ var value=nodes.item(i).childNodes.item(0).text ; if(value==now.toLocaleDateString()) { window.document.getElementById('curcity').innerText=nodes.item(i).childNodes.item(1).text; window.document.getElementById('curcity').href =nodes.item(i).childNodes.item(2).text; } } } function getvalueff(){ var cCode=xmlDoc.getElementsByTagName("date"); var now = new Date(); var nowvalue=now.getFullYear()+'年'+(now.getMonth()+1)+'月'+now.getDate()+'日'; for(i=0;i<cCode.length;i++) { var value=cCode[i].childNodes[0].nodeValue; if(value==nowvalue) { window.document.getElementById('curcity').href =xmlDoc.getElementsByTagName("url")[i].childNodes[0].nodeValue;; window.document.getElementById('curcity').childNodes[0].nodeValue=xmlDoc.getElementsByTagName("city")[i].childNodes[0].nodeValue; } } } setInterval(showcurcity,1000); </script>
以下是xml的片断.
<?xml version="1.0" encoding="gb2312" ?> <root> <citymessage> <date>2008年4月29日</date> <city>胡志明市</city> <url>http://torchrelay.beijing2008.cn/cn/journey/hochiminhcity/</url> </citymessage> <citymessage> <date>2008年4月30日</date> <city>香港</city> <url>http://torchrelay.beijing2008.cn/cn/journey/hongkong/</url> </citymessage> </root>
相关文章推荐
- JS解析XML的实现代码
- js解析xml字符串和xml文档实现原理及代码(针对ie与火狐)
- JS解析XML的实现代码
- JS解析XML的实现代码
- js解析xml字符串和xml文档实现原理及代码(针对ie与火狐)
- JS解析XML的实现代码
- JS解析XML的实现代码
- jquery解析XML及获取XML节点名称的实现代码
- JS 实现2+2=5的代码 实现原理解析
- xml解析四种方法的代码实现
- 用js解析xml实现省市二级联动
- JS面向对象三:js的多态特性解析与代码实现
- 解析php DOMElement 操作xml 文档的实现代码
- Ajax实现xml文件数据插入数据库(一)--- 构建解析xml文件的js库
- js 加载并解析XML字符串的代码
- js 加载并解析XML字符串的代码
- Dom4j递归解析XML实现JS的getElementsByName类似方法
- JS实现兼容各浏览器解析XML文档数据的方法
- 深入解析桶排序算法及Node.js上JavaScript的代码实现