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 最简单的属性菜单
Oct 08 Javascript
js对象之JS入门之Array对象操作小结
Jan 09 Javascript
Javascript调用C#代码
Jan 17 Javascript
jQuery常见开发技巧详细整理
Jan 02 Javascript
利用js判断浏览器类型(是否为IE,Firefox,Opera浏览器)
Nov 22 Javascript
深入浅析JS的数组遍历方法(推荐)
Jun 15 Javascript
简单实现bootstrap选项卡效果
Feb 08 Javascript
如何在 Vue.js 中使用第三方js库
Apr 25 Javascript
如何给element添加一个抽屉组件的方法步骤
Jul 14 Javascript
vue 导航内容设置选中状态样式的例子
Nov 01 Javascript
JS性能优化实现方法及优点进行
Aug 30 Javascript
html5以及jQuery实现本地图片上传前的预览代码实例讲解
Mar 01 jQuery
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
用phpmyadmin更改mysql5.0登录密码
2008/03/25 PHP
今天你说520了吗?不仅有php表白书还有java表白神器
2016/05/20 PHP
PHP实现JS中escape与unescape的方法
2016/07/11 PHP
php字符集转换
2017/01/23 PHP
php分页查询mysql结果的base64处理方法示例
2017/05/18 PHP
javascript 获取元素位置的快速方法 getBoundingClientRect()
2009/11/26 Javascript
JQuery入门——事件切换之toggle()方法应用介绍
2013/02/05 Javascript
不同编码的页面表单数据乱码问题解决方法
2015/02/15 Javascript
使用jquery组件qrcode生成二维码及应用指南
2015/02/22 Javascript
JS获取表格内指定单元格html内容的方法
2015/03/31 Javascript
jQuery实现仿QQ在线客服效果的滚动层代码
2015/10/15 Javascript
AngularJS基础 ng-options 指令详解
2016/08/02 Javascript
JavaScript实现清空(重置)文件类型INPUT元素值的方法
2016/11/17 Javascript
JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法
2017/03/30 Javascript
JS ES6多行字符串与连接字符串的表示方法
2017/04/26 Javascript
Mui使用jquery并且使用点击跳转新窗口的实例
2017/08/19 jQuery
VUE2实现事件驱动弹窗示例
2017/10/21 Javascript
VUE项目axios请求头更改Content-Type操作
2020/07/24 Javascript
解决vue项目本地启动时无法携带cookie的问题
2021/02/06 Vue.js
Python中使用ElementTree解析XML示例
2015/06/02 Python
一个基于flask的web应用诞生 flask和mysql相连(4)
2017/04/11 Python
用matplotlib画等高线图详解
2017/12/14 Python
python画折线图的程序
2018/07/26 Python
python中aioysql(异步操作MySQL)的方法
2019/04/11 Python
Python2.7实现多进程下开发多线程示例
2019/05/31 Python
用OpenCV进行年龄和性别检测的实现示例
2021/01/29 Python
使用HTML5 Canvas API控制字体的显示与渲染的方法
2016/03/24 HTML / CSS
英国时尚泳装品牌:Maru Swimwear
2019/10/06 全球购物
C面试题
2015/10/08 面试题
奥巴马演讲稿
2014/01/08 职场文书
金融事务专业求职信
2014/04/25 职场文书
小小商店教学反思
2014/04/27 职场文书
委托书的格式
2014/08/01 职场文书
质监局领导班子对照检查材料思想汇报
2014/09/27 职场文书
2014年医务科工作总结
2014/12/18 职场文书
Mysql中常用的join连接方式
2022/05/11 MySQL