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 相关文章推荐
jQuery选中select控件 无法设置selected的解决方法
Sep 01 Javascript
js图片卷帘门导航菜单特效代码分享
Sep 10 Javascript
JavaScript常用本地对象小结
Mar 28 Javascript
AngularJS创建自定义指令的方法详解
Nov 03 Javascript
预防网页挂马的方法总结
Nov 03 Javascript
HTML5 JS压缩图片并获取图片BASE64编码上传
Nov 16 Javascript
基于dataset的使用和图片延时加载的实现方法
Dec 11 Javascript
webpack写jquery插件的环境配置
Dec 21 jQuery
tangram.js库实现js类的方式实例分析
Jan 06 Javascript
Vue表单demo v-model双向绑定问题
Jun 29 Javascript
小程序实现留言板
Nov 02 Javascript
vue input实现点击按钮文字增删功能示例
Jan 29 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中常用编辑器推荐
2007/01/02 PHP
使用apache模块rewrite_module (转)
2007/02/14 PHP
PHP中常用的输出函数总结
2014/09/22 PHP
php实现基于openssl的加密解密方法
2016/09/30 PHP
PHP array_reduce()函数的应用解析
2018/10/28 PHP
基于JQuery的访问WebService的代码(可访问Java[Xfire])
2010/11/19 Javascript
JavaScript解析URL参数示例代码
2013/08/12 Javascript
js的2种继承方式详解
2014/03/04 Javascript
js+jquery常用知识点汇总
2015/03/03 Javascript
javascript中eval解析JSON字符串
2016/02/27 Javascript
JS简单实现String转Date的方法
2016/03/02 Javascript
jQuery控制frames及frame页面JS的方法
2016/03/08 Javascript
javascript断点调试心得分享
2016/04/23 Javascript
JS获取当前页面名称的简单实例
2016/08/19 Javascript
微信小程序 action-sheet底部菜单详解
2016/10/27 Javascript
JS实现汉字与Unicode码相互转换的方法详解
2017/04/28 Javascript
详解VUE中v-bind的基本用法
2017/07/13 Javascript
jQuery实现的事件绑定功能基本示例
2017/10/11 jQuery
原生js调用json方法总结
2018/02/22 Javascript
JavaScript遍历查找数组中最大值与最小值的方法示例
2019/05/24 Javascript
js微信分享接口调用详解
2019/07/23 Javascript
微信小程序实现禁止分享代码实例
2019/10/19 Javascript
python实现简单淘宝秒杀功能
2018/05/03 Python
Python基于pandas实现json格式转换成dataframe的方法
2018/06/22 Python
用scikit-learn和pandas学习线性回归的方法
2019/06/21 Python
基于Django静态资源部署404的解决方法
2019/07/28 Python
Python使用__new__()方法为对象分配内存及返回对象的引用示例
2019/09/20 Python
numpy ndarray 按条件筛选数组,关联筛选的例子
2019/11/26 Python
HTML5拖拽API经典实例详解
2018/04/20 HTML / CSS
获奖的大学生创业计划书
2014/01/05 职场文书
党的群众路线查摆剖析材料
2014/10/10 职场文书
给领导的感谢信范文
2015/01/23 职场文书
财政局长个人总结
2015/03/04 职场文书
行政答辩状范文
2015/05/21 职场文书
golang fmt格式“占位符”的实例用法详解
2021/07/04 Golang
浅谈MySQL表空间回收的正确姿势
2021/10/05 MySQL