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 多级checkbox选择效果
Aug 20 Javascript
扩展JavaScript功能的正确方法(译文)
Apr 12 Javascript
jQuery布局插件UI Layout简介及使用方法
Apr 03 Javascript
JavaScript中的运算符种类及其规则介绍
Sep 26 Javascript
JavaScript隐式类型转换
Mar 15 Javascript
javascript简单实现跟随滚动条漂浮的返回顶部按钮效果
Aug 19 Javascript
JQuery遍历元素的后代和同胞实现方法
Sep 18 Javascript
Angular2 PrimeNG分页模块学习
Jan 14 Javascript
JS实现的加减乘除四则运算计算器示例
Aug 09 Javascript
js中的深浅拷贝问题简析
May 10 Javascript
微信小程序实现轨迹回放的示例代码
Dec 13 Javascript
vue 实现动态路由的方法
Jul 06 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
PHPAnalysis中文分词类详解
2014/06/13 PHP
PHP数组操作简单案例分析
2016/10/15 PHP
php实现简单加入购物车功能
2017/03/07 PHP
PHP实现简单的模板引擎功能示例
2017/09/02 PHP
php实现websocket实时消息推送
2018/03/30 PHP
PHP的mysqli_stat()函数讲解
2019/01/23 PHP
javascript StringBuilder类实现
2008/12/22 Javascript
判断javascript的数据类型(示例代码)
2013/12/11 Javascript
跟我学Nodejs(一)--- Node.js简介及安装开发环境
2014/05/20 NodeJs
jQuery实现文件上传进度条特效
2015/08/12 Javascript
JavaScript数据结构与算法之栈与队列
2016/01/29 Javascript
JS数组操作(数组增加、删除、翻转、转字符串、取索引、截取(切片)slice、剪接splice、数组合并)
2016/05/20 Javascript
ionic2懒加载配置详解
2017/09/01 Javascript
NodeJs form-data格式传输文件的方法
2017/12/13 NodeJs
小程序根据手机机型设置自定义底部导航距离
2019/06/04 Javascript
Vuex 模块化使用详解
2019/07/31 Javascript
VUE中鼠标滚轮使div左右滚动的方法详解
2020/12/14 Vue.js
python中input()与raw_input()的区别分析
2016/02/27 Python
Python利用BeautifulSoup解析Html的方法示例
2017/07/30 Python
python切片(获取一个子列表(数组))详解
2019/08/09 Python
python多线程实现代码(模拟银行服务操作流程)
2020/01/13 Python
python离线安装外部依赖包的实现
2020/02/13 Python
pyspark对Mysql数据库进行读写的实现
2020/12/30 Python
Brora官网:英国领先的羊绒服装品牌
2019/08/28 全球购物
科颜氏香港官方网店:Kiehl’s香港
2021/03/07 全球购物
网页设计个人找工作求职信
2013/11/28 职场文书
生物医学工程专业学生求职信范文分享
2013/12/14 职场文书
高二英语教学反思
2014/01/19 职场文书
如何打造一封优秀的留学推荐信
2014/01/25 职场文书
春风行动实施方案
2014/03/28 职场文书
2014个人年终工作总结范文
2014/12/15 职场文书
车间主任岗位职责
2015/02/03 职场文书
公司费用报销管理制度
2015/08/04 职场文书
汉语拼音教学反思
2016/02/22 职场文书
在vue中import()语法不能传入变量的问题及解决
2022/04/01 Vue.js
Python实现文字pdf转换图片pdf效果
2022/04/03 Python