JavaScript操作XML文件之XML读取方法


Posted in Javascript onJune 09, 2015

本文实例讲述了JavaScript操作XML文件之XML读取方法。分享给大家供大家参考。具体分析如下:

假设我们现在要读取下面的 info.xml 文件

<?xml version="1.0" encoding="gb2312"?>
<root>
 <data id="1">
 <name>ceun</name>
 <age>21</age>
 </data>
 <data id="2">
 <name><![CDATA[张三]]></name>
 <age>22</age>
 </data>
 <data id="3">
 <name>jake</name>
 <age>23</age>
 </data>
 <data id="4">
 <name>hello</name>
 <age>20</age>
 </data>
 <data id="5">
 <name>Paul</name>
 <age>25</age>
 </data>
</root>

接下来,读取并遍历info.xml

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Hello </TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
//生XML对象。
function createXMLDom(){
  if (window.ActiveXObject) 
   var xmldoc=new ActiveXObject("Microsoft.XMLDOM");
  else 
   if (document.implementation&&document.implementation.createDocument)
    var xmldoc=document.implementation.createDocument("","doc",null);
  xmldoc.async = false;
  //为了和FireFox一至,这里不能改为False;
  xmldoc.preserveWhiteSpace=true;
  return xmldoc;
}
//加载XML文件。
var xmlDom=createXMLDom();
xmlDom.load("info.xml");
//获得根节点
var root=xmlDom.documentElement;
var data="";
var names=root.getElementsByTagName("name");
var ages=root.getElementsByTagName("age");
var len=names.length;
for(var i=0;i<len;i++) {
 data+="姓名:";
 data+=names[i].firstChild.nodeValue;
 data+=" 年龄:";
 data+=ages[i].firstChild.nodeValue;
 data+=" ";
}
alert(data);
-->
</SCRIPT>
</BODY>
</HTML>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
XRegExp 0.2: Now With Named Capture
Nov 30 Javascript
点击按钮自动加关注的代码(sina微博/QQ空间/人人网/腾讯微博)
Jan 02 Javascript
jQuery插件jPaginate实现无刷新分页
May 04 Javascript
JavaScript中利用Array和Object实现Map的方法
Jul 27 Javascript
JS实现网页游戏中滑块响应鼠标点击移动效果
Oct 19 Javascript
JS快速实现移动端拼图游戏
Sep 05 Javascript
jQuery删除节点用法示例(remove方法)
Sep 08 Javascript
详解Jquery 遍历数组之$().each方法与$.each()方法介绍
Jan 09 Javascript
bootstrap时间控件daterangepicker使用方法及各种小bug修复
Oct 25 Javascript
浅谈Node.js 子进程与应用场景
Jan 24 Javascript
还不懂递归?读完这篇文章保证你会懂
Jul 29 Javascript
JS原型与继承操作示例
May 09 Javascript
JavaScript检查数字是否为整数或浮点数的方法
Jun 09 #Javascript
jQuery取消ajax请求的方法
Jun 09 #Javascript
JavaScript动态添加style节点的方法
Jun 09 #Javascript
jQuery实现将页面上HTML标签换成另外标签的方法
Jun 09 #Javascript
Javascript实现div的toggle效果实例分析
Jun 09 #Javascript
js获取字符串字节数方法小结
Jun 09 #Javascript
Javascript对象Clone实例分析
Jun 09 #Javascript
You might like
PHP 模拟登陆MSN并获得用户信息
2009/05/16 PHP
php常见的魔术方法详解
2014/12/25 PHP
php递归法读取目录及文件的方法
2015/01/30 PHP
php实现每天自动变换随机问候语的方法
2015/05/12 PHP
Yii使用EasyWechat实现小程序获取用户的openID的方法
2020/04/29 PHP
JS与框架页的操作代码
2010/01/17 Javascript
在子窗口中关闭父窗口的一句代码
2013/10/21 Javascript
页面图片浮动左右滑动效果的简单实现案例
2014/02/10 Javascript
jQuery中的val()示例应用
2014/02/26 Javascript
Ubuntu中搭建Nodejs开发环境过程分享
2014/06/01 NodeJs
Webwork 实现文件上传下载代码详解
2016/02/02 Javascript
Jquery操作cookie记住用户名
2016/03/29 Javascript
js+css3制作时钟特效
2016/10/16 Javascript
原生js实现可爱糖果数字时间特效
2016/12/30 Javascript
ajax实现动态下拉框示例
2017/01/10 Javascript
关于Javascript中document.cookie的使用
2017/03/08 Javascript
jquery animate动画持续运动的实例
2017/11/29 jQuery
基于Node.js实现压缩和解压缩的方法
2018/02/13 Javascript
详解vue的diff算法原理
2018/05/20 Javascript
[01:35]辉夜杯战队访谈宣传片—iG.V
2015/12/25 DOTA
在windows下快速搭建web.py开发框架方法
2016/04/22 Python
python实现淘宝秒杀脚本
2020/06/23 Python
Pyinstaller打包.py生成.exe的方法和报错总结
2019/04/02 Python
详解Python中pandas的安装操作说明(傻瓜版)
2019/04/08 Python
numpy np.newaxis 的实用分享
2019/11/30 Python
ITK 实现多张图像转成单个nii.gz或mha文件案例
2020/07/01 Python
英国最大的在线亚洲杂货店:Red Rickshaw
2020/03/22 全球购物
编辑找工作求职信范文
2013/12/16 职场文书
迟到检讨书900字
2014/01/14 职场文书
中年人生感言
2014/02/04 职场文书
物理教学随笔感言
2014/02/22 职场文书
法律进社区实施方案
2014/03/21 职场文书
行政监察建议书
2014/05/19 职场文书
会议欢迎词
2015/01/23 职场文书
MySQL中几种插入和批量语句实例详解
2021/09/14 MySQL
Matplotlib绘制条形图的方法你知道吗
2022/03/21 Python