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 相关文章推荐
JavaScript高级程序设计(第3版)学习笔记9 js函数(下)
Oct 11 Javascript
兼容FF和IE的动态table示例自写
Oct 21 Javascript
JavaScript获得url查询参数的方法
Jul 02 Javascript
JavaScript String 对象常用方法详解
May 13 Javascript
Bootstrap Table的使用总结
Oct 08 Javascript
js 递归和定时器的实例解析
Feb 03 Javascript
详解vue-cli与webpack结合如何处理静态资源
Sep 19 Javascript
详解JavaScript中的六种错误类型
Sep 21 Javascript
浅析Vue.js中v-bind v-model的使用和区别
Dec 04 Javascript
从零撸一个pc端vue的ui组件库( 计数器组件 )
Aug 08 Javascript
node运行js获得输出的三种方式示例详解
Jul 02 Javascript
vue实现前端列表多条件筛选
Oct 26 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实现的同步推荐操作API接口案例分析
2016/11/30 PHP
thinkPHP5.0框架自动加载机制分析
2017/03/18 PHP
PHP count_chars()函数讲解
2019/02/14 PHP
用JQuery 实现AJAX加载XML并解析的脚本
2009/07/25 Javascript
javascript开发中因空格引发的错误
2010/11/08 Javascript
开发中可能会用到的jQuery小技巧
2014/03/07 Javascript
javascript 回调函数详解
2014/11/11 Javascript
node.js中实现同步操作的3种实现方法
2014/12/05 Javascript
使用JavaScript获取地址栏参数的方法
2014/12/19 Javascript
15个jquery常用方法、小技巧分享
2015/01/13 Javascript
JavaScript实现同一页面内两个表单互相传值的方法
2015/08/12 Javascript
在其他地方你学不到的jQuery小贴士和技巧(欢迎收藏)
2016/01/20 Javascript
jQuery实现iframe父窗体和子窗体的相互调用
2016/06/17 Javascript
全面了解javascript中的错误处理机制
2016/07/18 Javascript
详解jQuery中的getAll()和cleanData()
2019/04/15 jQuery
vscode 插件开发 + vue的操作方法
2020/06/05 Javascript
JavaScript封装单向链表的示例代码
2020/09/17 Javascript
原生小程序封装跑马灯效果
2020/10/21 Javascript
[53:36]Liquid vs VP Supermajor决赛 BO 第三场 6.10
2018/07/05 DOTA
Python爬虫天气预报实例详解(小白入门)
2018/01/24 Python
机器学习实战之knn算法pandas
2019/06/22 Python
tensorflow:指定gpu 限制使用量百分比,设置最小使用量的实现
2020/02/06 Python
如何对python的字典进行排序
2020/06/19 Python
世界第一曲奇连锁店:Mrs. Fields Cookies
2017/02/04 全球购物
党的群众路线教育实践活动心得体会范文
2014/11/05 职场文书
2014年变电站工作总结
2014/12/19 职场文书
关于长城的导游词
2015/01/30 职场文书
消夏晚会主持词
2015/06/30 职场文书
标枪加油稿
2015/07/22 职场文书
大学生活感想
2015/08/10 职场文书
员工旷工检讨书
2015/08/15 职场文书
2016教师给学生的毕业寄语
2015/12/04 职场文书
演讲稿之感恩老师(三篇范文)
2019/09/06 职场文书
再次探讨go实现无限 buffer 的 channel方法
2021/06/13 Golang
前端JS获取URL参数的4种方法总结
2022/04/05 Javascript
Python自动化工具之实现Excel转Markdown表格
2022/04/08 Python