javascript读取XML文档
生活随笔
收集整理的這篇文章主要介紹了
javascript读取XML文档
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
xml
<?xml version="1.0" encoding="utf-8"?> <Menus> <Menu id="0" name="首頁"> <MenuItemTitle sid="01" mid="0" name="常用選項"> <MenuItem mid="0" tid="01" url="Home.aspx">后臺首頁</MenuItem> <MenuItem mid="0" tid="01" url="Test.aspx">測試頁</MenuItem> </MenuItemTitle> </Menu> <Menu id="0" name="試試"> <MenuItemTitle sid="01" mid="0" name="常用選項"> <MenuItem mid="0" tid="01" url="Home.aspx">后臺首頁</MenuItem> <MenuItem mid="0" tid="01" url="Test.aspx">測試頁</MenuItem> </MenuItemTitle> </Menu> </Menus>
?
讀取上面的節點，顯示在網頁上，我是這樣寫的?
1 <html> 2 <head> 3 <title></title> 4 <script type="text/javascript"> 5 function show() 6 { 7 if (window.XMLHttpRequest) 8 9 { 10 xmlhttp=new XMLHttpRequest(); 11 } 12 else 13 { 14 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 15 } 16 if(xmlhttp!=null) 17 { 18 xmlhttp.open("GET","xmlname.xml",false); 19 xmlhttp.send(null); 20 var responsexml=xmlhttp.responseXML; 21 var menus=responsexml.getElementsByTagName("Menus")[0]; 22 var html=""; 23 for(var i=0;i<menus.childNodes.length;i++) 24 { 25 var menu=menus.childNodes[i]; 26 html=html+"<h1>"+menu.getAttribute("name")+"</h1><br>"; 27 html=html+"<h2>"+menu.childNodes[0].getAttribute("name")+"</h2><br>"; 28 for(var j=0;j<menu.childNodes[0].childNodes.length;j++) 29 { 30 var mi=menu.childNodes[0].childNodes[j]; 31 var url=mi.getAttribute("url")+"<br>"; 32 var txt=mi.childNodes[0].nodeValue; 33 html=html+" <a href=\""+url+"\">"+txt+"</a>"; 34 } 35 } 36 document.getElementById("tb").innerHTML=html; 37 } 38 else 39 { 40 alert("你用的什么瀏覽器？"); 41 } 42 } 43 </script> 44 </head> 45 <body onload="show()"> 46 <div id="tb"></div> 47 </body> 48 </html>
?
沒有用TABLE ，是因為顯示倒了，所以設置了一個變量，然后顯示!值得今后借簽!
轉載于:https://www.cnblogs.com/zhwx/archive/2012/05/16/2504460.html
總結
以上是生活随笔為你收集整理的javascript读取XML文档的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 电影《钱学森》中1954年在新书发布会上
- 下一篇： 无线Trace脚本（旧格式）-平均延时