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 20 Javascript
jQuery中change事件用法实例
Dec 26 Javascript
深入学习JavaScript的AngularJS框架中指令的使用方法
Mar 05 Javascript
canvas绘制多边形
Feb 24 Javascript
jQuery使用EasyUi实现三级联动下拉框效果
Mar 08 Javascript
详解Vue使用 vue-cli 搭建项目
Apr 20 Javascript
react native 文字轮播的实现示例
Jul 27 Javascript
JS实现换肤功能的方法实例详解
Jan 30 Javascript
Vue2.0使用嵌套路由实现页面内容切换/公用一级菜单控制页面内容切换(推荐)
May 08 Javascript
js+html实现周岁年龄计算器
Jun 25 Javascript
使用layui实现的左侧菜单栏以及动态操作tab项方法
Sep 10 Javascript
Vue使用自定义指令实现拖拽行为实例分析
Jun 06 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处理excel cvs表格的方法实例介绍
2013/05/13 PHP
PHP中echo和print的区别
2014/08/28 PHP
PHP对文件夹递归执行chmod命令的方法
2015/06/19 PHP
php求数组全排列,元素所有组合的方法
2016/05/05 PHP
PHP实现简易blog的制作
2016/10/24 PHP
PHP实现的DES加密解密类定义与用法示例
2020/11/02 PHP
jquery中获得$.ajax()事件返回的值并添加事件的方法
2010/04/15 Javascript
Javascript的getYear、getFullYear、getUTCFullYear异同分享
2011/11/30 Javascript
javascript代码运行不出来执行错误的可能情况整理
2013/10/18 Javascript
使用CSS样式position:fixed水平滚动的方法
2014/02/19 Javascript
JavaScript Length 属性的总结
2015/11/02 Javascript
JQuery日期插件datepicker的使用方法
2016/03/03 Javascript
JS动态给对象添加事件的简单方法
2016/07/19 Javascript
Vue中组件之间数据的传递的示例代码
2017/09/08 Javascript
vue配置请求本地json数据的方法
2018/04/11 Javascript
Vue编写可显示周和月模式的日历 Vue自定义日历内容的显示
2019/06/26 Javascript
vue 内联样式style中的background用法说明
2020/08/05 Javascript
详解JavaScript之Array.reduce源码解读
2020/11/01 Javascript
python中实现定制类的特殊方法总结
2014/09/28 Python
python列表操作实例
2015/01/14 Python
python3 判断列表是一个空列表的方法
2018/05/04 Python
python读取图片并修改格式与大小的方法
2018/07/24 Python
解决webdriver.Chrome()报错:Message:'chromedriver' executable needs to be in Path
2019/06/12 Python
python实现websocket的客户端压力测试
2019/06/25 Python
利用Python进行图像的加法,图像混合(附代码)
2019/07/14 Python
Python for循环通过序列索引迭代过程解析
2020/02/07 Python
HTML5 form标签之解放表单验证、增加文件上传、集成拖放的使用方法
2013/04/24 HTML / CSS
保加利亚服装和鞋类购物网站:Bibloo.bg
2020/11/08 全球购物
什么是静态路由,其特点是什么?什么是动态路由,其特点是什么?
2013/07/26 面试题
下列程序在32位linux或unix中的结果是什么
2015/01/26 面试题
我的求职计划书
2014/01/10 职场文书
合作意向书模板
2014/03/31 职场文书
手术室护士节演讲稿
2014/08/27 职场文书
《这片土地是神圣的》教学反思
2016/02/16 职场文书
初三化学教学反思
2016/02/22 职场文书
十大最强电系宝可梦,阿尔宙斯电系之一,第七被称为雷神
2022/03/18 日漫