JS解析XML的实现代码
JS解析XML的实现代码
发布时间:2016-12-30 来源:查字典编辑
摘要:JS代码:复制代码代码如下://需要读取的xml文件varuRl="jsReadXml.xml";varxmlDoc;//初始化,给上述定义...

JS代码:

复制代码 代码如下:

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

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类