javascript加载xml 并解析各节点的值(实现方法)


Posted in Javascript onOctober 12, 2016

实例如下:

var xmlDoc = null;
    function LoadXml(xmlPath) {
      try {
        if (window.ActiveXObject) {
          xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
        }
      } catch (e) {
        try {
          xmlDoc = document.implementation.createDocument("", "", null);
      }
        catch (e) {
          alert(e.Message);
        }
      }
       try{
       xmlDoc.async=false;
       xmlDoc.load(xmlPath);
       return (xmlDoc);
      }
     catch (e) {
       alert(e.Message);
      }
   }
   //根据节点名称获取属性的值
   function GetNodes(nodeName, attrName) {
     var xmldata = LoadXml("test.xml");
     //获取xml第一个节点的值
     //var booksName = xmldata.getElementsByTagName("bookName")[0].childNodes[0].nodeValue;
//     //获取所有xml下面所有节点的值
//     var docElement=xmldata.getElementsByTagName("root");
//     for(var j=0;j<docElement.length;j++){
//     //获取作者
//     var Author=docElement[i].getElementsByTagName("Author")[0].firstChild.nodeValue;
//     //获取时间
//     var time=docElement[i].getElementsByTagName("time")[0].firstChild.nodeValue;
//     //获取作者的联系方式 
//     var phone=docElement[i].getElementsByTagName("phone")[0].firstChild.nodeValue;
//     }
//FF
     var nodes = xmldata.selectNodes("//" + nodeName);
     for (var i = 0; i < nodes.length; i++) { 
     //获取属性名称节点的值
     alert(nodes[i].getAttribute(attrName);
     }
   }

FF下获取 xml属性 节点的值

var cNodes=xmlDoc.getElementsByTagName("book");
for (var j = 0; j < cNodes.length; i++) {
var bookID = xmlDoc.getElementsByTagName("book")[j].getAttribute("bookID");
//获取book节点下面的bookTitle节点的值
var bookTitile = xmlDoc.getElementsByTagName("book")[j].childNodes[0].nodeValue;

以上就是小编为大家带来的javascript加载xml 并解析各节点的值(实现方法)全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
对xmlHttp对象方法和属性的理解
Jan 17 Javascript
javascript权威指南 学习笔记之变量作用域分享
Sep 28 Javascript
node.js中的fs.mkdir方法使用说明
Dec 17 Javascript
js数组去重的方法汇总
Jul 29 Javascript
jQuery实现Email邮箱地址自动补全功能代码
Nov 03 Javascript
原生JS实现左右箭头选择日期实例代码
Mar 14 Javascript
vue.js vue-router如何实现无效路由(404)的友好提示
Dec 20 Javascript
JavaScript中this关键字用法实例分析
Aug 24 Javascript
在小程序开发中使用npm的方法
Oct 17 Javascript
Vue运用transition实现过渡动画
May 06 Javascript
Vue实现购物车实例代码两则
May 30 Javascript
微信小程序实现轮播图指示器
Jun 25 Javascript
jquery动态添加文本并获取值的方法
Oct 12 #Javascript
jquery 动态增加,减少input表单的简单方法(必看)
Oct 12 #Javascript
微信小程序 生命周期详解
Oct 12 #Javascript
让html元素随浏览器的大小自适应垂直居中的实现方法
Oct 12 #Javascript
Angularjs手动解析表达式($parse)
Oct 12 #Javascript
js利用clipboardData实现截屏粘贴功能
Oct 12 #Javascript
利用jquery给指定的table动态添加一行、删除一行的方法
Oct 12 #Javascript
You might like
用PHP实现的生成静态HTML速度快类库
2007/03/31 PHP
php Memcache 中实现消息队列
2009/11/24 PHP
php三维数组去重(示例代码)
2013/11/26 PHP
YII视图整合kindeditor扩展的方法
2016/07/13 PHP
php定期拉取数据对比方法实例
2019/09/22 PHP
Laravel使用原生sql语句并调用的方法
2019/10/09 PHP
javascript延时重复执行函数 lLoopRun.js
2007/06/29 Javascript
ExtJS4 Grid改变单元格背景颜色及Column render学习
2013/02/06 Javascript
js函数setTimeout延迟执行的简单介绍
2013/07/17 Javascript
利用JavaScript检测CPU使用率自己写的
2014/03/22 Javascript
js右下角弹出提示框示例代码
2016/01/12 Javascript
jQuery实现元素拖拽并cookie保存顺序的方法
2016/02/20 Javascript
web前端开发upload上传头像js示例代码
2016/10/22 Javascript
Jquery 整理元素选取、常用方法一览表
2016/11/26 Javascript
如何实现星星评价(jquery.raty.js插件)
2016/12/21 Javascript
jQuery实现别踩白块儿网页版小游戏
2017/01/18 Javascript
JS实现标签页切换效果
2017/05/04 Javascript
认识less和webstrom的less配置方法
2017/08/02 Javascript
原生js 封装get ,post, delete 请求的实例
2017/08/11 Javascript
jQuery实现IE输入框完成placeholder标签功能的方法
2017/09/20 jQuery
vue 录制视频并压缩视频文件的方法
2018/07/27 Javascript
vue抽出组件并传值实例
2020/07/31 Javascript
[36:20]完美世界DOTA2联赛PWL S3 access vs Rebirth 第一场 12.17
2020/12/18 DOTA
Python读取Excel的方法实例分析
2015/07/11 Python
Python简单实现enum功能的方法
2016/04/25 Python
python控制nao机器人身体动作实例详解
2019/04/29 Python
使用Python的networkx绘制精美网络图教程
2019/11/21 Python
django框架中间件原理与用法详解
2019/12/10 Python
django 模型中的计算字段实例
2020/05/19 Python
5个你不知道的HTML5的接口介绍
2013/08/07 HTML / CSS
我的五年职业生涯规划
2014/01/23 职场文书
预防煤气中毒方案
2014/06/16 职场文书
2014年仓库工作总结
2014/11/20 职场文书
考生诚信考试承诺书
2015/04/29 职场文书
MySQL 分组查询的优化方法
2021/05/12 MySQL
Android Flutter实现3D动画效果示例详解
2022/04/07 Java/Android