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 相关文章推荐
实例:尽可能写友好的Javascript代码
Oct 09 Javascript
js动态为代码着色显示行号
May 29 Javascript
js 弹出新页面避免被浏览器、ad拦截的一种新方法
Apr 30 Javascript
仿百度联盟对联广告实现代码
Aug 30 Javascript
jQuery $.each遍历对象、数组用法实例
Apr 16 Javascript
js原型链与继承解析(初体验)
May 09 Javascript
JS生成不重复的随机数组的简单实例
Jul 10 Javascript
JavaScript中访问id对象 属性的方式访问属性(实例代码)
Oct 28 Javascript
JS实现中文汉字按拼音排序的方法
Oct 09 Javascript
JS小球抛物线轨迹运动的两种实现方法详解
Dec 20 Javascript
jQuery实现合并表格单元格中相同行操作示例
Jan 28 jQuery
JS实现容器模块左右拖动效果
Jan 14 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
javascript或asp实现的判断身份证号码是否正确两种验证方法
2009/11/26 Javascript
JavaScript中的细节分析
2012/06/30 Javascript
js复制网页内容并兼容各主流浏览器的代码
2013/12/17 Javascript
JS阻止用户多次提交示例代码
2014/03/26 Javascript
浅析jQuery Ajax通用js封装
2016/06/22 Javascript
javascript 操作cookies详解及实例
2017/02/22 Javascript
vue组件实现进度条效果
2018/06/06 Javascript
基于vue框架手写一个notify插件实现通知功能的方法
2019/03/31 Javascript
深入浅出 Vue 系列 -- 数据劫持实现原理
2019/04/23 Javascript
js点击事件的执行过程实例分析【冒泡与捕获】
2020/04/11 Javascript
jQuery实现简单评论功能
2020/08/19 jQuery
vue watch监控对象的简单方法示例
2021/01/07 Vue.js
python del()函数用法
2013/03/24 Python
分享一个可以生成各种进制格式IP的小工具实例代码
2017/07/28 Python
Python面向对象编程基础解析(一)
2017/10/26 Python
Python数据结构与算法之二叉树结构定义与遍历方法详解
2017/12/12 Python
Python3.4学习笔记之 idle 清屏扩展插件用法分析
2019/03/01 Python
jenkins+python自动化测试持续集成教程
2020/05/12 Python
Python celery原理及运行流程解析
2020/06/13 Python
pycharm不以pytest方式运行,想要切换回普通模式运行的操作
2020/09/01 Python
基于Python实现体育彩票选号器功能代码实例
2020/09/16 Python
Python headers请求头如何实现快速添加
2020/11/03 Python
印度最大的网上花店:Ferns N Petals(鲜花、礼品和蛋糕)
2017/10/16 全球购物
亚洲最大的眼镜批发商和零售商之一:Glasseslit
2018/10/08 全球购物
Electric官网:美国高级眼镜和配件品牌
2020/06/04 全球购物
医科大学生的自我评价
2013/12/04 职场文书
寒假实习自荐信
2014/01/26 职场文书
《威尼斯的小艇》教学反思
2014/02/17 职场文书
小学英语课后反思
2014/04/26 职场文书
毕业证丢失证明范本
2014/09/20 职场文书
大学三好学生主要事迹范文
2015/11/03 职场文书
教师学期述职自我鉴定
2019/08/16 职场文书
你真的了解redis为什么要提供pipeline功能
2021/06/22 Redis
动画电影《龙珠超 超级英雄》延期上映
2022/03/20 日漫
漫画「请问您今天要来点兔子吗?」最新杂志彩页公开
2022/03/24 日漫
python在package下继续嵌套一个package
2022/04/14 Python