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实现点击后将文字或图片复制到剪贴板的方法
Aug 04 Javascript
JavaScript静态类型检查工具FLOW简介
Jan 06 Javascript
javascript动态获取登录时间和在线时长
Feb 25 Javascript
详解JavaScript的AngularJS框架中的作用域与数据绑定
Mar 04 Javascript
JSON 必知必会 观后记
Oct 27 Javascript
微信小程序 网络API Websocket详解
Nov 09 Javascript
jQuery学习笔记——jqGrid的使用记录(实现分页、搜索功能)
Nov 09 Javascript
react.js 获取真实的DOM节点实例(必看)
Apr 17 Javascript
JavaScript Date对象应用实例分享
Oct 30 Javascript
详解vue-cli项目中怎么使用mock数据
May 29 Javascript
基于Taro的微信小程序模板消息-获取formId功能模块封装实践
Jul 15 Javascript
Vue 打包体积优化方案小结
May 20 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
Ajax+PHP 边学边练 之二 实例
2009/11/24 PHP
PHP Curl多线程原理实例详解
2013/11/06 PHP
php检测apache mod_rewrite模块是否安装的方法
2015/03/14 PHP
Joomla开启SEF的方法
2016/05/04 PHP
关于Laravel参数验证的一些疑与惑
2019/11/19 PHP
为超链接加上disabled后的故事
2010/12/10 Javascript
提升你网站水平的jQuery插件集合推荐
2011/04/19 Javascript
JavaScript 上万关键字瞬间匹配实现代码
2013/07/07 Javascript
谷歌浏览器调试JavaScript小技巧
2014/12/29 Javascript
jQuery实现渐变下拉菜单的简单方法
2015/03/11 Javascript
Javascript中For In语句用法实例
2015/05/14 Javascript
牛叉的Jquery——Jquery与DOM对象的互相转换及DOM的三种操作
2015/10/29 Javascript
bootstrap flask登录页面编写实例
2016/11/01 Javascript
Vue.js组件tab实现选项卡切换
2020/03/23 Javascript
Vue官方文档梳理之全局配置
2017/11/22 Javascript
JS 中可以提升幸福度的小技巧(可以识别更多另类写法)
2018/07/28 Javascript
如何在微信小程序里面退出小程序的方法
2019/04/28 Javascript
解决vue的过渡动画无法正常实现问题
2019/10/31 Javascript
Vue通过for循环随机生成不同的颜色或随机数的实例
2019/11/09 Javascript
vue表单数据交互提交演示教程
2019/11/13 Javascript
JS如何实现网站中PC端和手机端自动识别并跳转对应的代码
2020/01/08 Javascript
javascript事件循环event loop的简单模型解释与应用分析
2020/03/14 Javascript
python类型强制转换long to int的代码
2013/02/10 Python
详解Python编程中基本的数学计算使用
2016/02/04 Python
python中线程和进程有何区别
2020/06/17 Python
python中编写函数并调用的知识点总结
2021/01/13 Python
将SVG图引入到HTML页面的实现
2019/09/20 HTML / CSS
美国在线鞋类零售商:LifeStride
2019/06/09 全球购物
mysql的最长数据库名,表名,字段名可以是多长
2014/04/21 面试题
医学专业个人求职自荐信格式
2013/09/23 职场文书
业务经理岗位职责
2013/11/11 职场文书
思想品德评语大全
2014/12/31 职场文书
2014年终个人总结报告
2015/03/09 职场文书
2015年会计年终工作总结
2015/05/26 职场文书
2019年个人工作总结范文(3篇)
2019/08/27 职场文书
【DOTA2】半决赛强强对话~ PSG LGD vs EHOME - DPC 2022 CN REGIONAL FINALS WINTER
2022/04/02 DOTA