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在IE和FF下attachEvent,addEventListener学习笔记
Nov 26 Javascript
Array.prototype.slice 使用扩展
Jun 09 Javascript
js获取系统的根路径实现介绍
Sep 08 Javascript
跟我学习javascript的for循环和for...in循环
Nov 18 Javascript
AngularJS 入门教程之HTML DOM实例详解
Jul 28 Javascript
每个程序员都需要学习 JavaScript 的7个理由小结
Sep 03 Javascript
vue组件如何被其他项目引用
Apr 13 Javascript
AngularJS改变元素显示状态
Apr 20 Javascript
vue 路由嵌套高亮问题的解决方法
May 17 Javascript
webpack4与babel配合使es6代码可运行于低版本浏览器的方法
Oct 12 Javascript
js实现表格数据搜索
Aug 09 Javascript
vue 数据遍历筛选 过滤 排序的应用操作
Nov 17 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实现在服务器上创建目录的方法
2015/03/16 PHP
发布一个高效的JavaScript分析、压缩工具 JavaScript Analyser
2007/11/30 Javascript
JavaScript入门学习书籍推荐
2008/06/12 Javascript
js获取提交的字符串的字节数
2009/02/09 Javascript
Js 获取当前日期时间及其它操作实现代码
2021/03/04 Javascript
boxy基于jquery的弹出层对话框插件扩展应用 弹出层选择器
2010/11/21 Javascript
jquery 插件学习(一)
2012/08/06 Javascript
jQuery.fn和jQuery.prototype区别介绍
2013/10/05 Javascript
理解javascript定时器中的setTimeout与setInterval
2016/02/23 Javascript
AngularJS directive返回对象属性详解
2016/03/28 Javascript
前端微信支付js代码
2016/07/25 Javascript
AngularJS基础 ng-href 指令用法
2016/08/01 Javascript
javascript实现圣旨卷轴展开效果(代码分享)
2017/03/23 Javascript
详解开源的JavaScript插件化框架MinimaJS
2017/10/26 Javascript
vue实现模态框的通用写法推荐
2018/02/26 Javascript
JS获取并处理php数组的方法实例分析
2018/09/04 Javascript
详解jenkins自动化部署vue
2019/05/14 Javascript
jquery UI实现autocomplete在获取焦点时得到显示列表功能示例
2019/06/04 jQuery
webpack + vue 打包生成公共配置文件(域名) 方便动态修改
2019/08/29 Javascript
vue项目中常见问题及解决方案(推荐)
2019/10/21 Javascript
基于vue hash模式微信分享#号的解决
2020/09/07 Javascript
UEditor 自定义图片视频尺寸校验功能的实现代码
2020/10/20 Javascript
Python的“二维”字典 (two-dimension dictionary)定义与实现方法
2016/04/27 Python
分享一个简单的python读写文件脚本
2017/11/25 Python
利用Pandas 创建空的DataFrame方法
2018/04/08 Python
python之信息加密题目详解
2019/06/26 Python
Python GUI之tkinter窗口视窗教程大集合(推荐)
2020/10/20 Python
一款利用css3的鼠标经过动画显示详情特效的实例教程
2014/12/29 HTML / CSS
关于HTML5+ API plusready的兼容问题
2020/11/20 HTML / CSS
摩顿布朗英国官方网上商店:奢华沐浴、身体和头发护理
2016/10/29 全球购物
Timberland俄罗斯官方网上商店:全球领先的户外品牌
2020/03/15 全球购物
机械设计专业大学生职业生涯规划书范文
2014/09/13 职场文书
房屋登记授权委托书范本
2014/10/09 职场文书
高中校园广播稿
2014/10/21 职场文书
感谢信
2019/04/11 职场文书
只用Python就可以制作的简单词云
2021/06/07 Python