Js+XML 操作


Posted in Javascript onSeptember 20, 2006

xml文件Login.xml如下.

<?xml version="1.0" encoding="utf-8" ?> 
<Login> 
    <Character> 
        <C Text="热血" Value="0"></C> 
        <C Text="弱气" Value="1"></C> 
        <C Text="激情" Value="2"></C> 
        <C Text="冷静" Value="3"></C> 
        <C Text="冷酷" Value="4"></C> 
    </Character> 
    <Weapon> 
        <W Text="光束剑" Value="0"></W> 
        <W Text="光束配刀" Value="1"></W> 
    </Weapon> 
    <EconomyProperty> 
        <P Text="平均型" Value="0"></P> 
        <P Text="重视攻击" Value="1"></P> 
        <P Text="重视敏捷" Value="2"></P> 
        <P Text="重视防御" Value="3"></P> 
        <P Text="重视命中" Value="4"></P> 
    </EconomyProperty> 
</Login>

现在需要对这个xml文件的内容进行操作.
首先,我们需要加载这个xml文件,js中加载xml文件,是通过XMLDOM来进行的.
// 加载xml文档 
loadXML    = function(xmlFile) 
{ 
    var xmlDoc; 
    if(window.ActiveXObject) 
    { 
        xmlDoc    = new ActiveXObject('Microsoft.XMLDOM'); 
        xmlDoc.async    = false; 
        xmlDoc.load(xmlFile); 
    } 
    else if (document.implementation&&document.implementation.createDocument) 
    { 
        xmlDoc    = document.implementation.createDocument('', '', null); 
        xmlDoc.load(xmlFile); 
    } 
    else 
    { 
        return null; 
    }      
    return xmlDoc; 
}

xml文件对象出来了, 接下去我就要对这个文档进行操作了.
比如说,我们现在需要得到节点Login/Weapon/W的第一个节点的属性,那么我们可以如下进行.
// 首先对xml对象进行判断 
checkXMLDocObj    = function(xmlFile) 
{ 
    var xmlDoc    = loadXML(xmlFile); 
    if(xmlDoc==null) 
    { 
        alert('您的浏览器不支持xml文件读取,于是本页面禁止您的操作,推荐使用IE5.0以上可以解决此问题!'); 
        window.location.href='/Index.aspx'; 
    }     return xmlDoc; 
} 
// 然后开始获取需要的Login/Weapon/W的第一个节点的属性值 
var xmlDoc    = checkXMLDocObj('/EBS/XML/Login.xml'); 
var v    = xmlDoc.getElementsByTagName('Login/Weapon/W')[0].childNodes.getAttribute('Text')

而我在我的程序中的写法是这样子的,当然我在程序中的写法是已经应用到实际中的了.一并给出来,以供查看
initializeSelect    = function(oid, xPath) 
{ 
    var xmlDoc    = checkXMLDocObj('/EBS/XML/Login.xml'); 
    var n; 
    var l; 
    var e    = $(oid); 
    if(e!=null) 
    { 
        n    = xmlDoc.getElementsByTagName(xPath)[0].childNodes; 
        l    = n.length; 
        for(var i=0; i<l; i++) 
        { 
            var option    = document.createElement('option'); 
            option.value    = n[i].getAttribute('Value'); 
            option.innerHTML    = n[i].getAttribute('Text'); 
            e.appendChild(option); 
        } 
    } 
}

上面的访问代码中,我们是通过xmlDoc.getElementsByTagName(xPath)来进行的.
还可以通过xmlDoc.documentElement.childNodes(1)..childNodes(0).getAttribute('Text')进行访问.
一些常用方法:
xmlDoc.documentElement.childNodes(0).nodeName,可以得到这个节点的名称.
xmlDoc.documentElement.childNodes(0).nodeValue,可以得到这个节点的值. 这个值是来自于这样子的xml格式:<a>b</b>, 于是可以得到b这个值.
xmlDoc.documentElement.childNodes(0).hasChild,可以判断是否有子节点

根据我的经验,最好是使用getElementsByTagName(xPath)的方法对节点进行访问,因为这样子可以直接通过xPath来定位节点,这样子会有更好的性能. 

Javascript 相关文章推荐
JavaScript中的其他对象
Jan 16 Javascript
用jQuery中的ajax分页实现代码
Sep 20 Javascript
jquery实现按Enter键触发事件示例
Sep 10 Javascript
IE与FireFox的JavaScript兼容问题解决办法
Dec 31 Javascript
浅谈类似于(function(){}).call()的js语句
Mar 30 Javascript
Javascript中实现String.startsWith和endsWith方法
Jun 10 Javascript
详解Angular 开发环境搭建
Jun 22 Javascript
Angularjs的$http异步删除数据详解及实例
Jul 27 Javascript
基于D3.js实现时钟效果
Jul 17 Javascript
ES6 let和const定义变量与常量的应用实例分析
Jun 27 Javascript
js中比较两个对象是否相同的方法示例
Sep 02 Javascript
JavaScript实现tab栏切换效果
Mar 16 Javascript
发现的以前不知道的函数
Sep 19 #Javascript
多个iframe自动调整大小的问题
Sep 18 #Javascript
跨浏览器的设置innerHTML方法
Sep 18 #Javascript
JavaScript Base64编码和解码,实现URL参数传递。
Sep 18 #Javascript
JavaScript静态的动态
Sep 18 #Javascript
基于Web标准的UI组件 — 树状菜单(2)
Sep 18 #Javascript
JavaScript中的私有成员
Sep 18 #Javascript
You might like
PHP获取当前所在目录位置的方法
2014/11/26 PHP
用php守护另一个php进程的例子
2015/02/13 PHP
php中使用gd库实现远程图片下载实例
2015/05/12 PHP
php实现在多维数组中查找特定value的方法
2015/07/29 PHP
使用Git实现Laravel项目的自动化部署
2019/11/24 PHP
CSS+Table图文混排中实现文本自适应图片宽度(超简单+跨所有浏览器)
2009/02/14 Javascript
jQuery制作简单柱状图实例
2015/01/28 Javascript
AngularJS中的Directive实现延迟加载
2016/01/25 Javascript
浅析JS异步加载进度条
2016/05/05 Javascript
javascript简单判断输入内容是否合法的方法
2016/05/11 Javascript
JavaScript函数中关于valueOf和toString的理解
2016/06/14 Javascript
详解JSONObject和JSONArray区别及基本用法
2017/10/25 Javascript
微信小程序实现tab切换效果
2017/11/21 Javascript
Vue手把手教你撸一个 beforeEnter 钩子函数
2018/04/24 Javascript
使用koa2创建web项目的方法步骤
2019/03/12 Javascript
详解基于React.js和Node.js的SSR实现方案
2019/03/21 Javascript
原生js实现获取form表单数据代码实例
2019/03/27 Javascript
通过实例解析js简易模块加载器
2019/06/17 Javascript
JavaScript中EventBus实现对象之间通信
2020/10/18 Javascript
Nuxt.js nuxt-link与router-link的区别说明
2020/11/06 Javascript
tensorflow: 查看 tensor详细数值方法
2018/06/13 Python
pyqt5 comboBox获得下标、文本和事件选中函数的方法
2019/06/14 Python
python基于json文件实现的gearman任务自动重启代码实例
2019/08/13 Python
Python读写文件模式和文件对象方法实例详解
2019/09/17 Python
Jupyter打开图形界面并画出正弦函数图像实例
2020/04/24 Python
解决python图像处理图像赋值后变为白色的问题
2020/06/04 Python
详解CSS3+JS完美实现放大镜模式
2020/12/03 HTML / CSS
使用HTML5 Canvas API控制字体的显示与渲染的方法
2016/03/24 HTML / CSS
日本快乐生活方式购物网站:Shop Japan
2018/07/17 全球购物
最好的意大利皮夹克:D’Arienzo
2018/12/04 全球购物
linux面试题参考答案(11)
2012/05/01 面试题
优秀团员事迹材料2000字
2014/08/20 职场文书
2015年教师党员承诺书
2015/04/27 职场文书
音乐课外活动总结
2015/05/09 职场文书
幼儿园春季开学通知
2015/07/16 职场文书
Android开发手册Chip监听及ChipGroup监听
2022/06/10 Java/Android