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 相关文章推荐
一个关于jqGrid使用的小例子(行按钮)
Nov 04 Javascript
jquery ajax 简单范例(界面+后台)
Nov 19 Javascript
jQuery仿Flash上下翻动的中英文导航菜单实例
Mar 10 Javascript
jquery任意位置浮动固定层插件用法实例
May 29 Javascript
PHP结合jQuery实现红蓝投票功能特效
Jul 22 Javascript
在React框架中实现一些AngularJS中ng指令的例子
Mar 06 Javascript
JavaScript获取URL参数的方法之一
Mar 24 Javascript
vue2.0中click点击当前li实现动态切换class
Jun 21 Javascript
vue项目中使用ueditor的实例讲解
Mar 05 Javascript
JavaScript循环遍历你会用哪些之小结篇
Sep 28 Javascript
详解Angular中实现自定义组件的双向绑定的两种方法
Nov 23 Javascript
深度了解vue.js中hooks的相关知识
Jun 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
PHP脚本数据库功能详解(上)
2006/10/09 PHP
PHP mb_convert_encoding 获取字符串编码类型实现代码
2009/04/26 PHP
php 类自动载入的方法
2015/06/03 PHP
joomla实现注册用户添加新字段的方法
2016/05/05 PHP
PHP使用ActiveMQ实例
2018/02/05 PHP
ThinkPHP类似AOP思想的参数验证的实现方法
2019/12/18 PHP
jquery 输入框数字限制插件
2009/11/10 Javascript
jquery 元素相对定位代码
2010/10/15 Javascript
jquery 快速回到页首的方法
2013/12/05 Javascript
简述AngularJS相关的一些编程思想
2015/06/23 Javascript
JS 动态加载js文件和css文件 同步/异步的两种简单方式
2016/09/23 Javascript
Three.js基础部分学习
2017/01/08 Javascript
微信小程序实战之上拉(分页加载)效果(2)
2017/04/17 Javascript
jQuery日期范围选择器附源码下载
2017/05/23 jQuery
JavaScript方法_动力节点Java学院整理
2017/06/28 Javascript
Angular2 父子组件通信方式的示例
2018/01/29 Javascript
详解vue-cli 本地开发mock数据使用方法
2018/05/29 Javascript
js绘制一条直线并旋转45度
2020/08/21 Javascript
[00:36]DOTA2上海特级锦标赛 Archon战队宣传片
2016/03/04 DOTA
Python实现将xml导入至excel
2015/11/20 Python
用python制作游戏外挂
2018/01/04 Python
Django项目实战之用户头像上传与访问的示例
2018/04/21 Python
在PyCharm环境中使用Jupyter Notebook的两种方法总结
2018/05/24 Python
python调用支付宝支付接口流程
2019/08/15 Python
python使用sklearn实现决策树的方法示例
2019/09/12 Python
python异常处理try except过程解析
2020/02/03 Python
python库skimage给灰度图像染色的方法示例
2020/04/27 Python
波兰在线香水店:Perfumy.pl
2019/08/12 全球购物
一套软件测试笔试题
2014/07/25 面试题
opencv实现图像平移效果
2021/03/24 Python
《夕阳真美》教学反思
2014/04/27 职场文书
销售顾问工作计划书
2014/09/15 职场文书
购房协议书范本
2014/10/02 职场文书
《好妈妈胜过好老师》:每个孩子的优秀都是有源头的
2020/01/03 职场文书
Python 如何将integer转化为罗马数(3999以内)
2021/06/05 Python
MySQL 5.7常见数据类型
2021/07/15 MySQL