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 相关文章推荐
繁简字转换功能
Jul 19 Javascript
如何判断元素是否为HTMLElement元素
Dec 06 Javascript
通过JS判断联网类型和连接状态的实现代码
Apr 01 Javascript
vue.js中父组件调用子组件的内部方法示例
Oct 22 Javascript
js实现鼠标单击Tab表单切换效果
May 16 Javascript
详解微信JS-SDK选择图片遇到的坑
Aug 15 Javascript
vue element table 表格请求后台排序的方法
Sep 28 Javascript
浅谈JavaScript 代码简洁之道
Jan 09 Javascript
JavaScript怎样在删除前添加确认弹出框?
May 27 Javascript
Node.JS用纯JavaScript生成图片或滑块式验证码功能
Sep 12 Javascript
vue动态设置页面title的方法实例
Aug 23 Javascript
详解Node.js如何处理ES6模块
May 15 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
Thinkphp+smarty+uploadify实现无刷新上传
2015/07/30 PHP
php 中奖概率算法实现代码
2017/01/25 PHP
PHP排序算法之归并排序(Merging Sort)实例详解
2018/04/21 PHP
简单的代码实现jquery定时器
2014/01/03 Javascript
jquery对table中各数据的增加、保存、删除操作示例
2014/05/14 Javascript
JavaScript实现三阶幻方算法谜题解答
2014/12/29 Javascript
JS实现可直接显示网页代码运行效果的HTML代码预览功能实例
2015/08/06 Javascript
JS中Json数据的处理和解析JSON数据的方法详解
2016/06/29 Javascript
完美解决js传递参数中加号和&amp;号自动改变的方法
2016/10/11 Javascript
Bootstrap简单表单显示学习笔记
2016/11/15 Javascript
JS获取多维数组中相同键的值实现方法示例
2017/01/06 Javascript
JS实现旋转木马式图片轮播效果
2017/01/18 Javascript
JavaScript继承定义与用法实践分析
2018/05/28 Javascript
原生JavaScript实现remove()和recover()功能示例
2018/07/24 Javascript
node实现分片下载的示例代码
2018/10/17 Javascript
vuex 解决报错this.$store.commit is not a function的方法
2018/12/17 Javascript
vue配置文件实现代理v2版本的方法
2019/06/21 Javascript
Vue实现商品飞入购物车效果(电商项目)
2019/11/26 Javascript
JavaScript接口实现方法实例分析
2020/05/16 Javascript
在项目vue中使用echarts的操作步骤
2020/09/07 Javascript
[46:44]VG vs TNC Supermajor小组赛B组败者组决赛 BO3 第一场 6.2
2018/06/03 DOTA
Python使用scrapy采集数据时为每个请求随机分配user-agent的方法
2015/04/08 Python
python搭建虚拟环境的步骤详解
2016/09/27 Python
如何给Python代码进行加密
2020/01/10 Python
Python如何执行系统命令
2020/09/23 Python
用python监控服务器的cpu,磁盘空间,内存,超过邮件报警
2021/01/29 Python
Python LMDB库的使用示例
2021/02/14 Python
俄语地区最大的中国商品在线购物网站之一:Umka Mall
2019/11/03 全球购物
经济信息系毕业生自荐信
2014/06/02 职场文书
迁户口计划生育证明
2014/10/19 职场文书
有限责任公司股东合作协议书范本
2014/10/30 职场文书
小学班主任评语
2014/12/29 职场文书
python - asyncio异步编程
2021/04/06 Python
Mysql binlog日志文件过大的解决
2021/10/05 MySQL
关于Python使用turtle库画任意图的问题
2022/04/01 Python
讲解Python实例练习逆序输出字符串
2022/05/06 Python