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多重继承示例
Mar 13 Javascript
JavaScript 异步调用框架 (Part 3 - 代码实现)
Aug 04 Javascript
JavaScript null和undefined区别分析
Oct 14 Javascript
jQuery $.each的用法说明
Mar 22 Javascript
Node.js实用代码段之获取Buffer对象字节长度
Mar 17 Javascript
jQuery文本框得到与失去焦点动态改变样式效果
Sep 08 Javascript
jquery实现拖动效果(代码分享)
Jan 25 Javascript
Bootstrap 3浏览器兼容性问题及解决方案
Apr 11 Javascript
vue select二级联动第二级默认选中第一个option值的实例
Jan 10 Javascript
微信小程序城市选择及搜索功能的方法
Mar 22 Javascript
通过js给网页加上水印背景实例
Jun 17 Javascript
jQuery HTML css()方法与css类实例详解
May 20 jQuery
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 缩略图实现函数代码
2011/06/23 PHP
浅析PHP中Collection 类的设计
2013/06/21 PHP
ThinkPHP权限认证Auth实例详解
2014/07/22 PHP
php查询ip所在地的方法
2014/12/05 PHP
php + nginx项目中的权限详解
2017/05/23 PHP
PHP实现的最大正向匹配算法示例
2017/12/19 PHP
自制轻量级仿jQuery.boxy对话框插件代码
2010/10/26 Javascript
JavaScript实现快速排序(自已编写)
2012/12/19 Javascript
javascript事件冒泡实例分析
2015/05/13 Javascript
AngularJS基础 ng-csp 指令详解
2016/08/01 Javascript
原生Javascript和jQuery做轮播图简单例子
2016/10/11 Javascript
基于Vue2实现的仿手机QQ单页面应用功能(接入聊天机器人 )
2017/03/30 Javascript
JavaScript之iterable_动力节点Java学院整理
2017/06/29 Javascript
JS/jQuery实现获取时间的方法及常用类完整示例
2019/03/07 jQuery
vue使用swiper实现中间大两边小的轮播图效果
2019/11/24 Javascript
Python中模拟enum枚举类型的5种方法分享
2014/11/22 Python
Python可变参数*args和**kwargs用法实例小结
2018/04/27 Python
关于Python作用域自学总结
2019/06/10 Python
python3获取url文件大小示例代码
2019/09/18 Python
Python大数据之网络爬虫的post请求、get请求区别实例分析
2019/11/16 Python
如何通过python实现全排列
2020/02/11 Python
python实现ftp文件传输系统(案例分析)
2020/03/20 Python
python 中的9个实用技巧,助你提高开发效率
2020/08/30 Python
PyQt5中QSpinBox计数器的实现
2021/01/18 Python
阿姆斯特丹杜莎夫人蜡像馆官方网站:Madame Tussauds Amsterdam
2019/03/12 全球购物
介绍一下内联、左联、右联
2013/12/31 面试题
教师开学感言
2014/02/14 职场文书
大学生军训感想
2014/02/16 职场文书
小学生作文评语大全
2014/04/21 职场文书
学校教师读书活动总结
2014/07/08 职场文书
城市规划应届生推荐信
2014/09/08 职场文书
2014全年工作总结
2014/11/27 职场文书
九寨沟导游词
2015/02/02 职场文书
2016年度基层党建工作公开承诺书
2016/03/25 职场文书
python基于scrapy爬取京东笔记本电脑数据并进行简单处理和分析
2021/04/14 Python
SpringBoot读取Resource下文件的4种方法
2021/07/02 Java/Android