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 中字符串连接的性能的一些问题
May 07 Javascript
js实现div的切换特效上一个下一个
Feb 11 Javascript
javascript获取四位数字或者字母的随机数
Jan 09 Javascript
js停止冒泡和阻止浏览器默认行为的简单方法
May 15 Javascript
Query常用DIV操作获取和设置长度宽度的实现方法
Sep 19 Javascript
javascript简写常用的12个技巧(可以大大减少你的js代码量)
Mar 28 Javascript
EasyUI创建人员树的实例代码
Sep 15 Javascript
微信小程序实现滑动切换自定义页码的方法分析
Dec 29 Javascript
vuejs移动端实现div拖拽移动
Jul 25 Javascript
vue+eslint+vscode配置教程
Aug 09 Javascript
微信小程序实现录制、试听、上传音频功能(带波形图)
Feb 27 Javascript
js不常见操作运算符总结
Nov 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
分享8个最佳的代码片段在线测试网站
2013/06/29 PHP
PHP函数in_array()使用详解
2014/08/20 PHP
windows server 2008/2012安装php iis7 mysql环境搭建教程
2016/06/30 PHP
PHP模糊查询的实现方法(推荐)
2016/09/06 PHP
PHP实现数组的笛卡尔积运算示例
2017/12/15 PHP
Laravel5.4框架使用socialite实现github登录的方法
2019/03/20 PHP
KindEditor在php环境下上传图片功能集成的方法示例
2020/07/20 PHP
基于Jquery的开发个代阴影的对话框效果代码
2011/07/28 Javascript
file模式访问网页时iframe高度自适应解决方案
2013/01/16 Javascript
js获取判断上传文件后缀名的示例代码
2014/02/19 Javascript
jQuery中replaceAll()方法用法实例
2015/01/16 Javascript
jQuery获得document和window对象宽度和高度的方法
2015/03/25 Javascript
基于JavaScript将表单序列化类型的数据转化成对象的处理(允许对象中包含对象)
2015/12/28 Javascript
JQuery 的跨域方法推荐_可跨任何网站
2016/05/18 Javascript
浅谈jquery点击label触发2次的问题
2016/06/12 Javascript
JavaScript面试题大全(推荐)
2016/09/22 Javascript
AngularJS表单验证功能分析
2017/05/26 Javascript
jQuery获取复选框选中的当前行的某个字段的值
2017/09/15 jQuery
Nodejs连接mysql并实现增、删、改、查操作的方法详解
2018/01/04 NodeJs
Angular设置别名alias的方法
2018/11/08 Javascript
简述vue路由打开一个新的窗口的方法
2018/11/29 Javascript
JS数组降维的实现Array.prototype.concat.apply([], arr)
2020/04/28 Javascript
Vue 实现对quill-editor组件中的工具栏添加title
2020/08/03 Javascript
Vue实现简单的拖拽效果
2020/08/25 Javascript
解决Vue大括号字符换行踩的坑
2020/11/09 Javascript
[02:25]专访DOTA2负责人Erik 国际邀请赛暂不会离开西雅
2014/07/21 DOTA
python版本的读写锁操作方法
2016/04/25 Python
使用Python编写Prometheus监控的方法
2018/10/15 Python
Python读取csv文件分隔符设置方法
2019/01/14 Python
python实现鸢尾花三种聚类算法(K-means,AGNES,DBScan)
2019/06/27 Python
美国特价机票专家:Airfarewatchdog
2018/01/24 全球购物
为什么要用EJB
2014/04/17 面试题
自愿离婚协议书范本
2014/09/13 职场文书
毕业生个人自荐书
2015/03/05 职场文书
JavaScript实现显示和隐藏图片
2021/04/29 Javascript
MySQL如何修改字段类型和字段长度
2022/06/10 MySQL