宜昌本地软件开发与弱电工程服务商
项目咨询 · 快速响应

[JS]用js解析和加载xml文件实例源代码

2016-10-13 00:16:48 点击量:60 标签: 收藏本文

[JS]用js解析和加载xml文件实例源代码

  1. <html> 
  2. <head> 
  3. <script type="text/javascript"> 
  4. function parseXML() 
  5. { 
  6. try //Internet Explorer 
  7.   { 
  8.   xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); 
  9.   } 
  10. catch(e) 
  11.   { 
  12.   try //Firefox, Mozilla, Opera, etc. 
  13.     { 
  14.     xmlDoc=document.implementation.createDocument("","",null); 
  15.     } 
  16.   catch(e) 
  17.     { 
  18.     alert(e.message); 
  19.     return; 
  20.     } 
  21.   } 
  22. xmlDoc.async=false; 
  23. xmlDoc.load("/example/xmle/note.xml"); 
  24. document.getElementById("to").innerHTML=xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue; 
  25. document.getElementById("from").innerHTML=xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue; 
  26. document.getElementById("message").innerHTML=xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue; 
  27. } 
  28. </script> 
  29. </head> 
  30.  
  31. <body onload="parseXML()"> 
  32. <h1>W3Schools Internal Note</h1> 
  33. <p><b>To:</b> <span id="to"></span><br /> 
  34. <b>From:</b> <span id="from"></span><br /> 
  35. <b>Message:</b> <span id="message"></span> 
  36. </p> 
  37. </body> 
  38. </html> 

XML文件

  1. <?xml version="1.0" encoding="ISO-8859-1" ?>  
  2. - <note> 
  3.   <to>George</to>  
  4.   <from>John</from>  
  5.   <heading>Reminder</heading>  
  6.   <body>Don't forget the meeting!</body>  
  7.   </note>