這篇文章主要介紹了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程序設計有所幫助。
新聞熱點
疑難解答
圖片精選