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 相关文章推荐
Js切换功能的简单方法
Nov 23 Javascript
70+漂亮且极具亲和力的导航菜单设计国外网站推荐
Sep 20 Javascript
基于jquery实现发送文章到手机的代码
Dec 26 Javascript
JavaScript实现图片自动加载的瀑布流效果
Apr 11 Javascript
js简单正则验证汉字英文及下划线的方法
Nov 28 Javascript
node.js实现复制文本到剪切板的功能
Jan 23 Javascript
JS中type=&quot;button&quot;和type=&quot;submit&quot;的区别
Jul 04 Javascript
js 中rewrap-ajax.js插件实例代码
Oct 20 Javascript
30分钟快速入门掌握ES6/ES2015的核心内容(上)
Apr 18 Javascript
AngularJS ui-router刷新子页面路由的方法
Jul 23 Javascript
微信小程序如何使用云开发
May 17 Javascript
JS猜数字游戏实例讲解
Jun 30 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
不用数据库的多用户文件自由上传投票系统(1)
2006/10/09 PHP
Laravel5中防止XSS跨站攻击的方法
2016/10/10 PHP
文本框根据输入内容自适应高度的代码
2011/10/24 Javascript
弹出最简单的模式化遮罩层的js代码
2013/12/04 Javascript
js sort 二维数组排序的用法小结
2014/01/24 Javascript
node.js解决获取图片真实文件类型的问题
2014/12/20 Javascript
jquery+html5烂漫爱心表白动画代码分享
2015/08/24 Javascript
jquery插件uploadify实现带进度条的文件批量上传
2015/12/13 Javascript
利用JS提交表单的几种方法和验证(必看篇)
2016/09/17 Javascript
详解node-ccap模块生成captcha验证码
2017/07/01 Javascript
jQuery实现导航栏头部菜单项点击后变换颜色的方法
2017/07/19 jQuery
基于input框覆盖掉数字英文的实例讲解
2017/07/21 Javascript
Angular入口组件(entry component)与声明式组件的区别详解
2018/04/09 Javascript
原生JS实现的简单小钟表功能示例
2018/08/30 Javascript
Angular5中状态管理的实现
2018/09/03 Javascript
nodejs实现用户登录路由功能
2019/05/22 NodeJs
关于NodeJS中的循环引用详解
2019/07/23 NodeJs
微信小程序bindtap事件与冒泡阻止详解
2019/08/08 Javascript
基于postman获取动态数据过程详解
2020/09/08 Javascript
[01:04:06]DOTA2上海特级锦标赛A组资格赛#2 Secret VS EHOME第一局
2016/02/26 DOTA
[01:32]完美世界DOTA2联赛10月29日精彩集锦
2020/10/30 DOTA
基于wxpython实现的windows GUI程序实例
2015/05/30 Python
Django框架中间件(Middleware)用法实例分析
2019/05/24 Python
python加载自定义词典实例
2019/12/06 Python
Python字典添加,删除,查询等相关操作方法详解
2020/02/07 Python
解决python使用list()时总是报错的问题
2020/05/05 Python
python使用Windows的wmic命令监控文件运行状况,如有异常发送邮件报警
2021/01/30 Python
Python之多进程与多线程的使用
2021/02/23 Python
HTML5网页音乐播放器的示例代码
2017/11/09 HTML / CSS
Tirendo比利时:在线购买轮胎
2018/10/22 全球购物
TecoBuy澳大利亚:在线电子和小工具商店
2020/06/25 全球购物
西安启天科技有限公司网络工程师面试题笔试题
2016/06/12 面试题
如何签定毕业生就业协议书
2014/09/28 职场文书
评职称个人总结
2015/03/05 职场文书
小学毕业教师寄语
2019/06/21 职场文书
话题作文之学会尊重
2019/12/16 职场文书