js讀取xml文件
阿新 • • 發佈：2017-06-09
new async .get mes syn htm fun var child
假設我們現在要讀取下面的 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>
js讀取xml文件