DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> JavaScript操作XML文件之XML讀取方法
JavaScript操作XML文件之XML讀取方法
編輯:JavaScript綜合知識     

 本文實例講述了JavaScript操作XML文件之XML讀取方法。分享給大家供大家參考。具體分析如下:

假設我們現在要讀取下面的 info.xml 文件

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 <?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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 <!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>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved