首页  >  文章  >  web前端  >  JS解析XML的实现代码_javascript技巧

JS解析XML的实现代码_javascript技巧

WBOY
WBOY原创
2016-05-16 18:42:001134浏览

JS代码:

复制代码 代码如下:



xml代码:
复制代码 代码如下:




images/ad-01.jpg
胡志明市
http://torchrelay.beijing2008.cn/cn/journey/hochiminhcity/


images/ad-02.jpg
香港2
http://torchrelay.beijing2008.cn/cn/journey/hongkong/


images/ad-03.jpg
香港3
http://torchrelay.beijing2008.cn/cn/journey/hongkong/


images/ad-04.jpg
香港4
http://torchrelay.beijing2008.cn/cn/journey/hongkong/


images/ad-05.jpg
香港5
http://torchrelay.beijing2008.cn/cn/journey/hongkong/



下面的文章也可以一同参考下
我看IE与FF------Js读取xml文件
我几天为了实现一个小小的功能(奥运圣火传递路线).Js读取了下xml文件,为了适应IE与FF还是费了一点时间的.
复制代码 代码如下:

<脚本语言=“javascript”类型=“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;
}
否则
{
返回 null;
}
}
function getvalue()
{
var Nodes=xmlDoc.documentElement.childNodes;
var now=new Date();
for(i=0;ivar 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{
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);


以下是 xml 的片断。
复制代码代码如下:


;
<城市消息>
<日期>2008年4月29日
胡志明市
http://torchrelay.beijing2008.cn/cn/journey/hochiminhcity/;

<城市消息>
<日期>2008年4月30日
香港
http://torchrelay.beijing2008.cn/cn/journey/hongkong/


声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn