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 相关文章推荐
基于jQuery捕获超链接事件进行局部刷新代码
May 10 Javascript
jquery easyui滚动条部分设置介绍
Sep 12 Javascript
js 上下左右键控制焦点(示例代码)
Dec 14 Javascript
简单的JavaScript互斥锁分享
Feb 02 Javascript
一道JS前端闭包面试题解析
Dec 25 Javascript
Form表单按回车自动提交表单的实现方法
Nov 18 Javascript
js原生实现FastClick事件的实例
Nov 20 Javascript
用file标签实现多图文件上传预览
Feb 14 Javascript
jq给页面添加覆盖层遮罩的实例
Feb 16 Javascript
vue bus全局事件中心简单Demo详解
Feb 26 Javascript
Layui数据表格 前后端json数据接收的方法
Sep 19 Javascript
VUEX-action可以修改state吗
Nov 19 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中exec与system用法区别分析
2014/09/22 PHP
php单例模式实现方法分析
2015/03/14 PHP
PHP中的魔术方法总结和使用实例
2015/05/11 PHP
fsockopen pfsockopen函数被禁用,SMTP发送邮件不正常的解决方法
2015/09/20 PHP
yii,CI,yaf框架+smarty模板使用方法
2015/12/29 PHP
YII动态模型(动态表名)支持分析
2016/03/29 PHP
Laravel 5.3 学习笔记之 配置
2016/08/28 PHP
php封装的验证码工具类完整实例
2016/10/19 PHP
Yii框架实现图片上传的方法详解
2017/05/20 PHP
php实现支持中文的文件下载功能示例
2017/08/30 PHP
Ajax+PHP实现的分类列表框功能示例
2019/02/11 PHP
PHP whois查询类定义与用法示例
2019/04/03 PHP
laravel 自定义常量的两种方案
2019/10/14 PHP
PHP isset empty函数相关面试题及解析
2020/12/11 PHP
actionscript与javascript的区别
2011/05/25 Javascript
jQuery EasyUI API 中文文档 - TreeGrid 树表格使用介绍
2011/11/21 Javascript
JavaScript 基础篇之对象、数组使用介绍(三)
2012/04/07 Javascript
javascript表单验证 - Parsley.js使用和配置
2013/01/25 Javascript
JS平滑无缝滚动效果的实现代码
2016/05/06 Javascript
JS传递对象数组为参数给后端,后端获取的实例代码
2016/06/28 Javascript
js滚轮事件兼容性问题需要注意哪些
2016/11/15 Javascript
JQ中$(window).load和$(document).ready区别与执行顺序
2017/03/01 Javascript
微信小程序 实例开发总结
2017/04/26 Javascript
搭建一个Koa后端项目脚手架的方法步骤
2019/05/30 Javascript
js 解析 JSON 数据简单示例
2020/04/21 Javascript
vue实现拖拽进度条
2021/03/01 Vue.js
Django 2.0版本的新特性抢先看!
2018/01/05 Python
Python3 pyecharts生成Html文件柱状图及折线图代码实例
2020/09/29 Python
2014年教师培训的自我评价
2014/01/03 职场文书
最新会计专业求职信范文
2014/01/28 职场文书
《李时珍夜宿古寺》教学反思
2014/04/09 职场文书
个人校本研修方案
2014/05/26 职场文书
二人合伙经营协议书
2014/09/13 职场文书
保姆聘用合同
2015/09/21 职场文书
python开发制作好看的时钟效果
2022/05/02 Python
使用opencv-python如何打开USB或者笔记本前置摄像头
2022/06/21 Python