JavaScript操作XML文件之XML讀取方法
更新時間：2015年06月09日 17:57:15 作者：Java619
這篇文章主要介紹了JavaScript操作XML文件之XML讀取方法,涉及javascript操作XML文件的相關(guān)技巧,需要的朋友可以參考下
本文實例講述了JavaScript操作XML文件之XML讀取方法。分享給大家供大家參考。具體分析如下：
假設(shè)我們現(xiàn)在要讀取下面的 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");
//獲得根節(jié)點
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程序設(shè)計有所幫助。
您可能感興趣的文章:
- JS解析XML文件和XML字符串詳解
- JS讀取XML文件示例代碼
- JS操作XML實例總結(jié)(加載與解析XML文件、字符串)
- JS與jQ讀取xml文件的方法
- JS使用ajax從xml文件動態(tài)獲取數(shù)據(jù)顯示的方法
- javascript讀取Xml文件做一個二級聯(lián)動菜單示例
- jsp讀取大對象CLOB并生成xml文件示例
- IE下JS讀取xml文件示例代碼
- 用javascript讀取xml文件讀取節(jié)點數(shù)據(jù)
- javascript實現(xiàn)加載xml文件的方法
- 使用JS讀取XML文件的方法
- jQuery解析XML文件同時動態(tài)增加js文件的方法
- JS實現(xiàn)加載和讀取XML文件的方法詳解
相關(guān)文章
關(guān)于JS彈出層的顯示與隱藏，在網(wǎng)上可以搜到很多的類似教程，本文實現(xiàn)了一下，喜歡的朋友不要錯過2013-12-12
這篇文章主要為大家詳細介紹了JS實現(xiàn)動態(tài)星空背景效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-11-11
這篇文章主要介紹了JS控制彈出新頁面窗口位置和大小的方法,實例分析了open方法彈出窗口的使用技巧,需要的朋友可以參考下2015-03-03
本文給大家總結(jié)了javascript中的循環(huán)遍歷，給大家總結(jié)的非常全面，感興趣的朋友跟隨小編一起看看吧2018-09-09
本文通過實例代碼給大家分享了基于js+jquery實現(xiàn)的注冊信息驗證功能，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-09-09
這篇文章主要介紹了關(guān)于JavaScript命名空間的一些心得,分別給出了頂級、多級命名空間的例子,需要的朋友可以參考下2014-06-06
JS 邏輯判斷不要只知道用 if-else 和 switch條件判斷(小技巧)
這篇文章主要介紹了JS 邏輯判斷不要只知道用 if-else 和 switch,在一些邏輯復雜度的增加，代碼中的 if/else 和 switch 會越來越臃腫。本文將帶你嘗試寫出更優(yōu)雅的判斷邏輯，需要的朋友可以參考下2020-05-05
webpack中splitChunks分包策略的實現(xiàn)
splitChunks是 webpack 中用于分包的配置選項之一,本文主要介紹了webpack中splitChunks分包策略的實現(xiàn),具有一定的參考價值,感興趣的可以了解一下2024-06-06
微信小程序 高德地圖路線規(guī)劃實現(xiàn)過程詳解
這篇文章主要介紹了微信小程序 路線規(guī)劃實現(xiàn)過程詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-08-08
BootStrap+Mybatis框架下實現(xiàn)表單提交數(shù)據(jù)重復驗證
這篇文章主要介紹了BootStrap+Mybatis框架下實現(xiàn)表單提交數(shù)據(jù)重復驗證功能,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-03-03