详细介绍阐述js获取xml文件中的数据的三种方法
来源:互联网 发布:web网络考勤系统 编辑:程序博客网 时间:2024/05/22 16:53
javascript操作xml文件可以实现创建,删除,插入节点,查询节点的属性值等,请看用Javascript 对XML进行访问,创建,插入,删除四动作
这里只讲怎么样利用js获取XML文件中的数据
举例说明
先创建一个xml文件
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
<?xml version="1.0" encoding="utf-8"?>
<eyejs>
<options catename="js学习">
<options1 title="第一个分类">
<name>基础知识区</name>
<url>http://www.eyejs.com/html/16/category-catid-16.html</url>
</options1>
<options2>
<name>兼容ie 和ff浏览器的代</name>
<url>http://www.eyejs.com/html/17/category-catid-17.html</url>
</options2>
<options3>
<name>js小技巧区</name>
<url>http://www.eyejs.com/html/12/category-catid-12.html</url>
</options3>
</options>
<options catename="js组件"></options>
<regedit name="注册"></regedit>
</eyejs>
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
/*1. 第一步肯定是要创建一个操作xml文件的对象
可是IE和FF创建的方法不一样,所以要写个兼容IE和FF的
2. 加载XML文件
3. 获取或设置XML中的数据有如下方法
利用selectNodes或childNodes或
a. 对象.documentElement.childNodes.item(0) 根元素的直接子级第一个元素对象,依次累推......
获取是用text或getAttribute("属性名"),设置是用setAttribute("属性名",值)或text
b. 对象.documentElement.selectNodes("//根元素/直接子级1")或selectSingleNode
c. 对象.getElementsByTagName()
*/
创建一个操作xml文件的对象的方法
function createXMLObj(xmlPath){
if(window.ActiveXObject){ //在IE下
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false";
xmlDoc.load(xmlPath);
}else if(document.implementation && document.implementation.createDocument){ //在FF下
xmlDoc=document.implementation.createDocument("", "", null);
xmlDoc.load(xmlPath);
}else{
return null;
}
return xmlDoc;
}
获取数据的三种方法
//方法一
//document.writeln( xdoc.documentElement.childNodes.item(2).childNodes.item(0).getAttribute("title") );
//方法二
//document.writeln( xdoc.documentElement.selectNodes("//eyejs/options/options1").item(0).childNodes.item(0).text );
//document.writeln( xdoc.documentElement.selectNodes("//eyejs/options/options1").item(0).getAttribute("title") );
//document.writeln( xdoc.documentElement.selectNodes("//eyejs/options/options1").item(0).attributes(0).value );
//方法三
//document.writeln( xdoc.getElementsByTagName("options")[0].getAttribute("catename") );
//document.writeln( xdoc.getElementsByTagName("options")[0].attributes[0] );
在获取数据时,在FF下一定要用xdoc.onload=function(){ }来获取
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
举例js代码
function createXMLObj(xmlPath){
if(window.ActiveXObject){ //在IE下
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false";
xmlDoc.load(xmlPath);
getValue(xmlDoc);
}else if(document.implementation && document.implementation.createDocument){ //在FF下
xmlDoc=document.implementation.createDocument("", "", null);
xmlDoc.load(xmlPath);
xmlDoc.onload=function(){ getValue(xmlDoc); }
}else{
return null;
}
return xmlDoc;
}
function getValue(xmlDoc){
var arrTags=xmlDoc.getElementsByTagName("options1");
document.writeln( arrTags[0].getAttribute("title") );
}
完整案例: eyejs_opjsxml.rar(1.31 KB)
出此:js大联盟 http://www.eyejs.com
- 详细介绍阐述js获取xml文件中的数据的三种方法
- 读取web.xml文件中数据的三种方法
- C# 写入XML文档三种方法详细介绍
- JS使用ajax从xml文件动态获取数据显示的方法
- 阐述返回JSON数据的使用说明介绍
- C# 介绍XML文件填充数据集的方法。
- XML的解析中的三种方法
- InfoPath开发:获取XML文件中的数据
- JS从JSP文件中获取数据的方法
- JS的replace方法详细介绍
- JS的replace方法详细介绍
- 《Swift NSDictionary 的详细使用和部分方法介绍 和 哈希表(散列)的阐述和解释 》
- js获取xml数据
- pom.xml文件详细的配置方法
- java中的compareto方法的详细介绍
- java中的compareto方法的详细介绍
- java中的compareto方法的详细介绍
- java中的compareto方法的详细介绍
- 进程通信
- 如何查询端口用及停止程序的方被占法
- [zz]古老的Mud
- Have just been to Seoul on business
- 使用css遇到的问题
- 详细介绍阐述js获取xml文件中的数据的三种方法
- MyEclipse-7.5.0版注册码破解及激活操作
- 数字化时代已经改变了我们的沟通方式
- 解决IE6、IE7、Firefox兼容最简单的CSS Hack
- 最常用的10种CSS BUG解决方法与技巧-浏览器兼容教程
- js时间操作
- PIC驱动JM240128液晶
- GridView在代码中实现分页和排序
- 常用的函数调用约定 stdcall/cdecl/fastcall