JS解析XML的实现代码


Posted in Javascript onNovember 12, 2009

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 相关文章推荐
传智播客学习之java 反射
Nov 22 Javascript
深入理解JavaScript系列(49):Function模式(上篇)
Mar 04 Javascript
JavaSciprt中处理字符串之sup()方法的使用教程
Jun 08 Javascript
jquery实现具有收缩功能的垂直导航菜单
Feb 16 Javascript
JQuery EasyUI学习教程之datagrid 添加、修改、删除操作
Jul 09 Javascript
jQuery实现获取元素索引值index的方法
Sep 18 Javascript
修改npm全局安装模式的路径方法
May 15 Javascript
vue中选项卡点击切换且能滑动切换功能的实现代码
Nov 25 Javascript
优化Vue项目编译文件大小的方法步骤
May 27 Javascript
微信小程序实现录音功能
Nov 22 Javascript
vue实现树状表格效果
Dec 29 Vue.js
vue elementUI批量上传文件
Apr 26 Vue.js
跨域表单提交状态的变相判断代码
Nov 12 #Javascript
JS 中document.URL 和 windows.location.href 的区别
Nov 11 #Javascript
ASP中进行HTML数据及JS数据编码函数
Nov 11 #Javascript
javascript 日期常用的方法
Nov 11 #Javascript
Jquery在IE7下无法使用 $.ajax解决方法
Nov 11 #Javascript
jQuery 白痴级入门教程
Nov 11 #Javascript
Javascript 解疑
Nov 11 #Javascript
You might like
PHP备份/还原MySQL数据库的代码
2011/01/06 PHP
PHP实现JS中escape与unescape的方法
2016/07/11 PHP
Yii框架日志操作图文与实例详解
2019/09/09 PHP
读jQuery之九 一些瑕疵说明
2011/06/21 Javascript
说说JSON和JSONP 也许你会豁然开朗
2012/09/02 Javascript
jQuery给多个不同元素添加class样式的方法
2015/03/26 Javascript
JS简单模拟触发按钮点击功能的方法
2015/11/30 Javascript
详解Webwork中Action 调用的方法
2016/02/02 Javascript
详解JavaScript中this关键字的用法
2016/05/26 Javascript
localStorage实现便签小程序
2016/11/28 Javascript
谈谈vue中mixin的一点理解
2017/12/12 Javascript
浅谈Vue网络请求之interceptors实际应用
2018/02/28 Javascript
vue组件传递对象中实现单向绑定的示例
2018/02/28 Javascript
JS使用new操作符创建对象的方法分析
2019/05/30 Javascript
Python实现的Excel文件读写类
2015/07/30 Python
Django项目实战之用户头像上传与访问的示例
2018/04/21 Python
python3.X 抓取火车票信息【修正版】
2018/06/19 Python
Python二叉树的镜像转换实现方法示例
2019/03/06 Python
pandas如何处理缺失值
2019/07/31 Python
python3 反射的四种基本方法解析
2019/08/26 Python
TensorFlow实现打印每一层的输出
2020/01/21 Python
PyPDF2读取PDF文件内容保存到本地TXT实例
2020/05/12 Python
在django中实现choices字段获取对应字段值
2020/07/12 Python
python+appium+yaml移动端自动化测试框架实现详解
2020/11/24 Python
HTML5 canvas基本绘图之绘制线段
2016/06/27 HTML / CSS
Mavi牛仔裤美国官网:土耳其著名牛仔品牌
2016/09/24 全球购物
英国在线药房:Chemist.co.uk
2019/03/26 全球购物
小米俄罗斯授权商店:Xiaomi俄罗斯
2019/12/08 全球购物
泰国排名第一的家居用品中心:HomePro
2020/11/18 全球购物
Vuori官网:运动服装的终级表现
2021/01/27 全球购物
电台实习生求职信
2014/02/25 职场文书
向国旗敬礼学生寄语大全
2014/09/30 职场文书
学校运动会广播稿
2014/10/11 职场文书
大学生心理健康教育心得体会
2016/01/12 职场文书
《失物招领》教学反思
2016/02/20 职场文书
小学四年级作文之人物作文
2019/11/06 职场文书