js獲取並解析xml檔案程式碼例項
雖說現在的javascript越來越多的和json格式資料配合使用。
但是xml檔案的使用也是非常的頻繁,下面就分享一段程式碼例項,它實現了使用javascript獲取並解析xml檔案的功能。
一.xml檔案程式碼:
[XML] 純文字檢視 複製程式碼<?xml version="1.0" encoding="ISO-8859-1" ?> <note> <to>duncan</to> <from>John</from> <heading>Reminder</heading> <body>Don't forget the meeting!</body> </note>
二.解析程式碼如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script type="text/javascript"> function parseXML(){ //Internet Explorer try{ xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); } catch(e){ //Firefox, Mozilla, Opera, etc. try { xmlDoc=document.implementation.createDocument("","",null); } catch(e){ alert(e.message); return; } } xmlDoc.async=false; xmlDoc.load("note.xml"); document.getElementById("to").innerHTML=xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue; document.getElementById("from").innerHTML=xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue; document.getElementById("message").innerHTML=xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue; } window.onload = function () { parseXML() } </script> </head> <body> <h1><a href="http://www.nowamagic.net" target="_blank">www.nowamagic.net</a></h1> <p> <b>To:</b> <span id="to"></span><br /> <b>From:</b> <span id="from"></span><br /> <b>Message:</b> <span id="message"></span> </p> </body> </html>
xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue 這段程式碼如何理解:
(1).xmlDoc -由解析器建立的 XML 文件。
(2).getElementsByTagName("to")[0] - 第一個 <to> 元素。
(3).childNodes[0] - <to> 元素的第一個子元素(文字節點)。
(4).nodeValue - 節點的值(文字本身)。
如果xml檔案為:
[XML] 純文字檢視 複製程式碼<?xml version="1.0" encoding="ISO-8859-1" ?> <note> <to>antzone <too>duncan1</too> </to> <too>duncan2</too> <from>John</from> <heading>Reminder</heading> <body>Don't forget the meeting!</body> </note>
讀取第一個<too>:xmlDoc.getElementsByTagName("to")[0].getElementsByTagName("t00")[0].childNodes[0].nodeValue。
讀取第二個<too>:xmlDoc.getElementsByTagName("too")[0].childNodes[0].nodeValue。
相關文章
- jquery實現的讀取並解析xml檔案程式碼例項jQueryXML
- js解析xml檔案簡單程式碼例項JSXML
- jQuery解析xml檔案程式碼例項jQueryXML
- javascript讀取xml檔案程式碼例項JavaScriptXML
- jquery實現的解析xml檔案程式碼例項jQueryXML
- js載入解析xml檔案程式碼JSXML
- jQuery對xml檔案的解析例項jQueryXML
- js獲取當前月份例項程式碼JS
- js獲取事件源物件程式碼例項JS事件物件
- js獲取主機域名程式碼例項JS
- jQuery如何處理xml檔案程式碼例項jQueryXML
- js獲取滾動條高度例項程式碼JS
- js獲取事件的型別程式碼例項JS事件型別
- js獲取選中文字程式碼例項JS
- js獲取指定單元格的內容程式碼例項例項JS
- js獲取網頁title標題程式碼例項JS網頁
- js獲取鍵盤按鍵值程式碼例項JS
- js獲取word文件書籤位置程式碼例項JS
- js獲取頁面中所有元素程式碼例項JS
- js獲取數字最小值程式碼例項JS
- js獲取元素的實際尺寸程式碼例項JS
- JavaScript獲取星期程式碼例項JavaScript
- javascript實現的獲取檔案字尾名稱程式碼例項JavaScript
- js獲取選中文字值的例項程式碼JS
- js獲取指定函式的形參程式碼例項JS函式
- js獲取格林威治時間程式碼例項JS
- js獲取瀏覽器視窗尺寸程式碼例項JS瀏覽器
- js獲取數字中的最小數字程式碼程式碼例項JS
- 讀取xml檔案 解析雙層xmlXML
- jquery獲取元素高度程式碼例項jQuery
- Java XML程式設計例項解析JavaXML程式設計
- js獲取當前電腦外網ip例項程式碼JS
- js實現的獲取選中文字程式碼例項JS
- js獲取數字和字母隨機數程式碼例項JS隨機
- js獲取指定區間的隨機數程式碼例項JS隨機
- js獲取上傳圖片尺寸和格式程式碼例項JS
- js獲取閏年、日期差等功能程式碼例項JS
- js獲取瀏覽器客戶區尺寸程式碼例項JS瀏覽器