这篇文章主要介绍了JavaScript操作XML文件之XML读取方法,涉及javascript操作XML文件的相关技巧,需要的朋友可以参考下
本文实例讲述了JavaScript操作XML文件之XML读取方法。分享给大家供大家参考。具体分析如下:
假设我们现在要读取下面的 info.xml 文件
- <?xml version="1.0" encoding="gb2312"?>
 - <root>
 - <data id="1">
 - <name>ceun</name>
 - <age>21</age>
 - </data>
 - <data id="2">
 - <name><![CDATA[张三]]></name>
 - <age>22</age>
 - </data>
 - <data id="3">
 - <name>jake</name>
 - <age>23</age>
 - </data>
 - <data id="4">
 - <name>hello</name>
 - <age>20</age>
 - </data>
 - <data id="5">
 - <name>Paul</name>
 - <age>25</age>
 - </data>
 - </root>
 
接下来,读取并遍历info.xml
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 - <HTML>
 - <HEAD>
 - <TITLE> Hello </TITLE>
 - </HEAD>
 - <BODY>
 - <SCRIPT LANGUAGE="JavaScript">
 - <!--
 - //生XML对象。
 - function createXMLDom(){
 - if (window.ActiveXObject)
 - var xmldoc=new ActiveXObject("Microsoft.XMLDOM");
 - else
 - if (document.implementation&&document.implementation.createDocument)
 - var xmldoc=document.implementation.createDocument("","doc",null);
 - xmldoc.async = false;
 - //为了和FireFox一至,这里不能改为False;
 - xmldoc.preserveWhiteSpace=true;
 - return xmldoc;
 - }
 - //加载XML文件。
 - var xmlDom=createXMLDom();
 - xmlDom.load("info.xml");
 - //获得根节点
 - var root=xmlDom.documentElement;
 - var data="";
 - var names=root.getElementsByTagName("name");
 - var ages=root.getElementsByTagName("age");
 - var len=names.length;
 - for(var i=0;i<len;i++) {
 - data+="姓名:";
 - data+=names[i].firstChild.nodeValue;
 - data+=" 年龄:";
 - data+=ages[i].firstChild.nodeValue;
 - data+=" ";
 - }
 - alert(data);
 - -->
 - </SCRIPT>
 - </BODY>
 - </HTML>
 
希望本文所述对大家的javascript程序设计有所帮助。
新闻热点
疑难解答
图片精选