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 函数调用规则
Sep 14 Javascript
js实现屏蔽默认快捷键调用自定义事件示例
Jun 18 Javascript
使用jquery.qrcode.js生成二维码插件
Oct 17 Javascript
vue2 自定义动态组件所遇到的问题
Jun 08 Javascript
javascript 产生随机数的几种方法总结
Sep 26 Javascript
基于javascript的拖拽类封装详解
Apr 19 Javascript
Vue实现微信支付功能遇到的坑
Jun 05 Javascript
jQuery中DOM操作原则实例分析
Aug 01 jQuery
对layui数据表格动态cols(字段)动态变化详解
Oct 25 Javascript
JQuery常用选择器功能与用法实例分析
Dec 23 jQuery
微信小程序实现多张图片上传功能
Nov 18 Javascript
react中的DOM操作实现
Jun 30 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
NT IIS下用ODBC连接数据库
2006/10/09 PHP
Smarty中的注释和截断功能介绍
2015/04/09 PHP
实例讲解YII2中多表关联的使用方法
2017/07/21 PHP
document.compatMode介绍
2009/05/21 Javascript
一个简单的JavaScript 日期计算算法
2009/09/11 Javascript
javascript时间自动刷新实现原理与步骤
2013/01/06 Javascript
Jquery实现仿腾讯娱乐频道焦点图(幻灯片)特效
2015/03/06 Javascript
Bootstrap每天必学之栅格系统(布局)
2015/11/25 Javascript
js验证框架实现代码分享
2016/05/18 Javascript
3kb jQuery代码搞定各种树形选择的实现方法
2016/06/10 Javascript
JS仿Base.js实现的继承示例
2017/04/07 Javascript
关于JavaScript 数组你应该知道的事情(推荐)
2019/04/10 Javascript
js实现时间日期校验
2020/05/26 Javascript
vue开发chrome插件,实现获取界面数据和保存到数据库功能
2020/12/01 Vue.js
进一步了解Python中的XML 工具
2015/04/13 Python
在Python中编写数据库模块的教程
2015/04/29 Python
Python2.X/Python3.X中urllib库区别讲解
2017/12/19 Python
Python logging管理不同级别log打印和存储实例
2018/01/19 Python
python opencv实现旋转矩形框裁减功能
2018/07/25 Python
详解pyenv下使用python matplotlib模块的问题解决
2018/11/29 Python
Python实现的简单线性回归算法实例分析
2018/12/26 Python
python检测服务器端口代码实例
2019/08/31 Python
Python操作Sonqube API获取检测结果并打印过程解析
2019/11/27 Python
Python中三维坐标空间绘制的实现
2020/09/22 Python
使用Python Tkinter实现剪刀石头布小游戏功能
2020/10/23 Python
澳洲国民品牌乡村路折扣店:Country Road & Trenery Outlet
2018/04/19 全球购物
德国旅游网站:weg.de
2018/06/03 全球购物
哄娃神器4moms商店:美国婴童用品品牌
2019/03/07 全球购物
某公司Java工程师面试题笔试题
2016/03/27 面试题
祖国在我心中演讲稿
2014/01/15 职场文书
升学宴学生答谢词
2015/01/05 职场文书
给老师的感谢信
2015/01/20 职场文书
党员个人自我评价
2015/03/03 职场文书
楚门的世界观后感
2015/06/03 职场文书
Mysql实现主从配置和多主多从配置
2021/06/02 MySQL
mysql中如何用命令创建联合唯一索引
2022/04/20 MySQL