javascript加載xml 并解析各節(jié)點的值(實現(xiàn)方法)

更新時間：2016年10月12日 09:59:43 投稿：jingxian

下面小編就為大家?guī)硪黄猨avascript加載xml 并解析各節(jié)點的值(實現(xiàn)方法)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

實例如下：

   var xmlDoc = null;
    function LoadXml(xmlPath) {
      try {
        if (window.ActiveXObject) {
          xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
        }
      } catch (e) {
        try {
          xmlDoc = document.implementation.createDocument("", "", null);
      }
        catch (e) {
          alert(e.Message);
        }
      }
       try{
       xmlDoc.async=false;
       xmlDoc.load(xmlPath);
       return (xmlDoc);
      }
     catch (e) {
       alert(e.Message);
      }
   }
   //根據(jù)節(jié)點名稱獲取屬性的值
   function GetNodes(nodeName, attrName) {
     var xmldata = LoadXml("test.xml");
     //獲取xml第一個節(jié)點的值
     //var booksName = xmldata.getElementsByTagName("bookName")[0].childNodes[0].nodeValue;
//     //獲取所有xml下面所有節(jié)點的值
//     var docElement=xmldata.getElementsByTagName("root");
//     for(var j=0;j<docElement.length;j++){
//     //獲取作者
//     var Author=docElement[i].getElementsByTagName("Author")[0].firstChild.nodeValue;
//     //獲取時間
//     var time=docElement[i].getElementsByTagName("time")[0].firstChild.nodeValue;
//     //獲取作者的聯(lián)系方式 
//     var phone=docElement[i].getElementsByTagName("phone")[0].firstChild.nodeValue;
//     }
//FF
     var nodes = xmldata.selectNodes("http://" + nodeName);
     for (var i = 0; i < nodes.length; i++) { 
     //獲取屬性名稱節(jié)點的值
     alert(nodes[i].getAttribute(attrName);
     }
   }

FF下獲取 xml屬性節(jié)點的值

var cNodes=xmlDoc.getElementsByTagName("book");
for (var j = 0; j < cNodes.length; i++) {
var bookID = xmlDoc.getElementsByTagName("book")[j].getAttribute("bookID");
//獲取book節(jié)點下面的bookTitle節(jié)點的值
var bookTitile = xmlDoc.getElementsByTagName("book")[j].childNodes[0].nodeValue;

以上就是小編為大家?guī)淼膉avascript加載xml 并解析各節(jié)點的值(實現(xiàn)方法)全部內(nèi)容了，希望大家多多支持腳本之家~

您可能感興趣的文章:

微信小程序?qū)W習筆記之文件上傳、下載操作圖文詳解
這篇文章主要介紹了微信小程序?qū)W習筆記之文件上傳、下載操作,結合實例形式分析了微信小程序圖片文件傳輸?shù)脑?、步驟及后臺php操作相關實現(xiàn)技巧,并結合圖文形式予以詳細說明,需要的朋友可以參考下
2019-03-03
es6中使用map簡化復雜條件判斷操作實例詳解
這篇文章主要介紹了es6中使用map簡化復雜條件判斷操作,結合實例形式詳細分析了傳統(tǒng)方法與map簡化復雜條件判斷的相關操作技巧,需要的朋友可以參考下
2020-02-02
JavaScript手風琴頁面制作
這篇文章主要為大家詳細介紹了JavaScript手風琴頁面的制作代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-05-05
淺談Javascript中的Label語句
本文主要對Javascript中的Label語句通過實例對比進行簡要分析，具有很好的參考價值，需要的朋友一起來看下吧
2016-12-12
Axios?get?post請求傳遞參數(shù)的實現(xiàn)代碼
axios是基于promise用于瀏覽器和node.js的http客戶端，支持瀏覽器和node.js，能攔截請求和響應，這篇文章主要介紹了axios?get?post請求傳遞參數(shù)的操作代碼,需要的朋友可以參考下
2022-11-11
JS利用map整合雙數(shù)組的小技巧分享
Map是一組鍵值對的結構,具有極快的查找速度,下面這篇文章主要給大家介紹了關于JS利用map整合雙數(shù)組的相關資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下
2021-08-08
JS跳出循環(huán)的5種方法總結(return、break、continue、throw等)
想必大家都遇到過循環(huán)遍歷時遇到滿足條件的時候就跳出循環(huán)這樣的需求,于是整理了一篇各種循環(huán)是如何結束的,這篇文章主要給大家介紹了關于JS跳出循環(huán)的5種方法,分別是return、break、continue、throw等的相關資料,需要的朋友可以參考下
2024-05-05
JS彈出對話框?qū)崿F(xiàn)方法(三種方式)
這篇文章主要介紹了JS彈出對話框?qū)崿F(xiàn)方法,結合實例形式分析了三種方式,包括alert、confirm及prompt,非常簡單實用,需要的朋友可以參考下
2015-12-12
js prototype截取字符串函數(shù)
prototype它是用Javascript寫好的一些API，包括對Javascript中的類如String，Array等進行的擴充，把JS文件嵌入后直接用就行了
2010-04-04
js實現(xiàn)對table的增加行和刪除行的操作方法
下面小編就為大家?guī)硪黄猨s實現(xiàn)對table的增加行和刪除行的操作方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-10-10