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 相关文章推荐
Prototype中dom对象方法汇总
Sep 17 Javascript
Javascript 静态页面实现随机显示广告的办法
Nov 17 Javascript
JavaScript中变量声明有var和没var的区别示例介绍
Sep 15 Javascript
JS在可编辑的div中的光标位置插入内容的方法
Nov 20 Javascript
浅析Node.js中使用依赖注入的相关问题及解决方法
Jun 24 Javascript
jQuery点击头像上传并预览图片
Feb 23 Javascript
JS实现简单的选择题测评系统代码思路详解(demo)
Sep 03 Javascript
浅谈React和Redux的连接react-redux
Dec 04 Javascript
微信小程序实现指定显示行数多余文字去掉用省略号代替
Jul 25 Javascript
jQuery实现带3D切割效果的轮播图功能示例【附源码下载】
Apr 04 jQuery
vue+mock.js实现前后端分离
Jul 24 Javascript
Openlayers实现测量功能
Sep 25 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中大括号作用介绍
2012/03/22 PHP
php后退一页表单内容保存实现方法
2012/06/17 PHP
php stream_get_meta_data返回值
2013/09/29 PHP
解读PHP的Yii框架中请求与响应的处理流程
2016/03/17 PHP
PHP实现时间比较和时间差计算的方法示例
2017/07/24 PHP
网页里控制图片大小的相关代码
2006/06/13 Javascript
用javascript自动显示最后更新时间
2007/03/15 Javascript
让任务管理器中的CPU跳舞的js代码
2008/11/01 Javascript
jQuery 白痴级入门教程
2009/11/11 Javascript
基于Jquery+Ajax+Json的高效分页实现代码
2011/10/29 Javascript
jQuery插件bgStretcher.js实现全屏背景特效
2015/06/05 Javascript
jQuery拖动元素并对元素进行重新排序
2015/12/30 Javascript
JavaScript中eval函数的问题
2016/01/31 Javascript
通过jquery-ui中的sortable来实现拖拽排序的简单实例
2016/05/24 Javascript
基于JavaScript代码实现自动生成表格
2016/06/15 Javascript
Angularjs之filter过滤器(推荐)
2016/11/27 Javascript
详解微信小程序中组件通讯
2018/10/30 Javascript
解决vue2 在mounted函数无法获取prop中的变量问题
2018/11/15 Javascript
javascript中call,apply,bind的区别详解
2020/12/11 Javascript
Python实现的石头剪子布代码分享
2014/08/22 Python
Python2.6版本中实现字典推导 PEP 274(Dict Comprehensions)
2015/04/28 Python
Python逐行读取文件中内容的简单方法
2019/02/26 Python
Python3 实现文件批量重命名示例代码
2019/06/03 Python
使用Python为中秋节绘制一块美味的月饼
2019/09/11 Python
python 函数中的参数类型
2020/02/11 Python
通过css3动画和opacity透明度实现呼吸灯效果
2019/08/09 HTML / CSS
adidas旗下高尔夫装备供应商:TaylorMade Golf(泰勒梅高尔夫)
2016/08/28 全球购物
体育老师的教学自我评价分享
2013/11/19 职场文书
考试退步检讨书
2014/01/15 职场文书
特色冷饮店创业计划书
2014/01/28 职场文书
化学系大学生自荐信范文
2014/03/01 职场文书
小学综合实践活动总结
2014/07/07 职场文书
诚信高考倡议书
2019/06/24 职场文书
使用Html+Css实现简易导航栏功能(导航栏遇到鼠标切换背景颜色)
2021/04/07 HTML / CSS
如何有效防止sql注入的方法
2021/05/25 SQL Server
SQL实现LeetCode(176.第二高薪水)
2021/08/04 MySQL