快捷導(dǎo)航

JavaScript操作XML文件之XML讀取方法

更新時(shí)間：2015年06月09日 17:57:15 作者：Java619

這篇文章主要介紹了JavaScript操作XML文件之XML讀取方法,涉及javascript操作XML文件的相關(guān)技巧,需要的朋友可以參考下

本文實(shí)例講述了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對(duì)象。
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é)點(diǎn)
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>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

JS彈出層的顯示與隱藏示例代碼
關(guān)于JS彈出層的顯示與隱藏，在網(wǎng)上可以搜到很多的類似教程，本文實(shí)現(xiàn)了一下，喜歡的朋友不要錯(cuò)過
2013-12-12
JS實(shí)現(xiàn)動(dòng)態(tài)星空背景效果
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)動(dòng)態(tài)星空背景效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-11-11
JS控制彈出新頁面窗口位置和大小的方法
這篇文章主要介紹了JS控制彈出新頁面窗口位置和大小的方法,實(shí)例分析了open方法彈出窗口的使用技巧,需要的朋友可以參考下
2015-03-03
JavaScript循環(huán)遍歷小結(jié)
本文給大家總結(jié)了javascript中的循環(huán)遍歷，給大家總結(jié)的非常全面，感興趣的朋友跟隨小編一起看看吧
2018-09-09
JS+jQuery實(shí)現(xiàn)注冊(cè)信息的驗(yàn)證功能
本文通過實(shí)例代碼給大家分享了基于js+jquery實(shí)現(xiàn)的注冊(cè)信息驗(yàn)證功能，代碼簡單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧
2017-09-09
關(guān)于JavaScript命名空間的一些心得
這篇文章主要介紹了關(guān)于JavaScript命名空間的一些心得,分別給出了頂級(jí)、多級(jí)命名空間的例子,需要的朋友可以參考下
2014-06-06
JS 邏輯判斷不要只知道用 if-else 和 switch條件判斷(小技巧)
這篇文章主要介紹了JS 邏輯判斷不要只知道用 if-else 和 switch,在一些邏輯復(fù)雜度的增加，代碼中的 if/else 和 switch 會(huì)越來越臃腫。本文將帶你嘗試寫出更優(yōu)雅的判斷邏輯，需要的朋友可以參考下
2020-05-05
webpack中splitChunks分包策略的實(shí)現(xiàn)
splitChunks是 webpack 中用于分包的配置選項(xiàng)之一,本文主要介紹了webpack中splitChunks分包策略的實(shí)現(xiàn),具有一定的參考價(jià)值,感興趣的可以了解一下
2024-06-06
微信小程序高德地圖路線規(guī)劃實(shí)現(xiàn)過程詳解
這篇文章主要介紹了微信小程序路線規(guī)劃實(shí)現(xiàn)過程詳解,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-08-08
BootStrap+Mybatis框架下實(shí)現(xiàn)表單提交數(shù)據(jù)重復(fù)驗(yàn)證
這篇文章主要介紹了BootStrap+Mybatis框架下實(shí)現(xiàn)表單提交數(shù)據(jù)重復(fù)驗(yàn)證功能,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2017-03-03