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 相关文章推荐
js 数据类型转换总结笔记
Jan 17 Javascript
Node.js中使用事件发射器模式实现事件绑定详解
Aug 15 Javascript
JavaScript——DOM操作——Window.document对象详解
Jul 14 Javascript
Bootstrap CSS布局之表格
Dec 17 Javascript
Bootstrap实现渐变顶部固定自适应导航栏
Aug 27 Javascript
浅析vue数据绑定
Jan 17 Javascript
教你快速搭建Node.Js服务器的方法教程
Mar 30 Javascript
JavaScript实现选中文字提示新浪微博分享效果
Jun 15 Javascript
JS实现的汉字与Unicode码相互转化功能分析
May 25 Javascript
详解vue的双向绑定原理及实现
May 05 Javascript
Vue CL3 配置路径别名详解
May 30 Javascript
使用vue-element-admin框架从后端动态获取菜单功能的实现
Apr 29 Vue.js
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数组应用之比较两个时间的相减排序
2008/08/18 PHP
Laravel框架集成UEditor编辑器的方法图文与实例详解
2019/04/17 PHP
通过实例解析PHP数据类型转换方法
2020/07/11 PHP
Prototype使用指南之selector.js
2007/01/10 Javascript
JavaScript 应用技巧集合[推荐]
2009/08/30 Javascript
jquery按回车提交数据的代码示例
2013/11/05 Javascript
JS中window.open全屏命令解析及使用示例
2013/12/11 Javascript
js图片轮播手动切换效果
2015/11/10 Javascript
详解JavaScript中基于原型prototype的继承特性
2016/05/05 Javascript
JS实现登录页面记住密码和enter键登录方法推荐
2016/05/10 Javascript
JS+HTML5手机开发之滚动和惯性缓动实现方法分析
2016/06/12 Javascript
手机端 HTML5使用photoswipe.js仿微信朋友圈图片放大效果
2016/08/25 Javascript
vue实现简单实时汇率计算功能
2017/01/15 Javascript
原生js实现日期计算器功能
2017/02/17 Javascript
xmlplus组件设计系列之分隔框(DividedBox)(8)
2017/05/02 Javascript
nodejs基于express实现文件上传的方法
2018/03/19 NodeJs
微信小程序学习总结(四)事件与冒泡实例分析
2020/06/04 Javascript
解决vant的Toast组件时提示not defined的问题
2020/11/11 Javascript
Python的GUI框架PySide的安装配置教程
2016/02/16 Python
读取本地json文件,解析json(实例讲解)
2017/12/06 Python
在Pycharm中对代码进行注释和缩进的方法详解
2019/01/20 Python
Python基础之字符串操作常用函数集合
2020/02/09 Python
Python开发之pip安装及使用方法详解
2020/02/21 Python
Python自动化测试中yaml文件读取操作
2020/08/20 Python
python中四舍五入的正确打开方式
2021/01/18 Python
驴妈妈旅游网:中国新型的B2C旅游电子商务网站
2016/08/16 全球购物
甜点店创业计划书
2014/01/27 职场文书
安全资料员岗位职责范本
2014/06/28 职场文书
机关作风整顿个人剖析材料
2014/10/06 职场文书
2014年信息技术工作总结
2014/12/16 职场文书
自我推荐信怎么写
2015/03/24 职场文书
《检阅》教学反思
2016/02/22 职场文书
Java实现二维数组和稀疏数组之间的转换
2021/06/27 Java/Android
关于CentOS 8 搭建MongoDB4.4分片集群的问题
2021/10/24 MongoDB
MySQL窗口函数的具体使用
2021/11/17 MySQL
笔记本自带的win11如何跳过联网激活?
2022/04/20 数码科技