编辑“XML to HTML”

<span style="text-align:center; border:1px solid #000; float:right; padding:6px;"><strong>导航:</strong> [[XML学习教程#XML学习教程|上一页]] | {{template:开发语言导航}}</span>
<div style="clear:both;"></div>



== 在 HTML 中显示数据 ==

在上一节中，我们讲解了如何通过 JavaScript 来解析 XML 并访问 DOM。 <br>

本例遍历一个 XML 文件 (cd_catalog.xml)，然后把每个 CD 元素显示为一个 HTML 表格行：<br>

 <html><br>
 <body><br>
 <script type="text/javascript"><br>
 var xmlDoc=null;<br>
 if (window.ActiveXObject)<br>
 {<br>
 // code for IE<br>
 xmlDoc=new ActiveXObject("Microsoft.XMLDOM");<br>
 }<br>
 else if (document.implementation.createDocument)<br>
 {<br>
 // code for Mozilla, Firefox, Opera, etc.<br>
 xmlDoc=document.implementation.createDocument("","",null);<br>
 }<br>
 else<br>
 {<br>
 alert('Your browser cannot handle this script');<br>
 }<br>
 <nowiki> if (xmlDoc!=null)</nowiki><br>
 <nowiki>{</nowiki><br>
  <nowiki>xmlDoc.load("cd_catalog.xml");</nowiki><br>
 <nowiki>document.write("<table border='1'>");</nowiki><br>
 <nowiki>var x=xmlDoc.getElementsByTagName("CD");</nowiki><br>
 <nowiki>for (i=0;i<x.length;i++)</nowiki><br>
 <nowiki>{ </nowiki><br>
 <nowiki>document.write("<tr>");</nowiki><br>
 <nowiki>document.write("<td>");</nowiki><br>
 <nowiki>document.write(</nowiki><br>
 <nowiki>x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue);</nowiki><br>
 <nowiki>document.write("</td>");</nowiki><br>
 <nowiki>document.write("<td>");</nowiki><br>
 <nowiki>document.write(</nowiki><br>
 <nowiki>x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);</nowiki><br>
 <nowiki>document.write("</td>");</nowiki><br>
 <nowiki>document.write("</tr>");</nowiki><br>
 }<br>
 document.write("</table>");<br>
 }<br>
 </script><br>
 </body><br>
 </html>
 TIY：在 HTML 表格中显示 XML 数据。<br>

例子解释：<br>
检测浏览器，然后使用合适的解析器来加载 XML <br>
<nowiki>创建一个 HTML 表格（<table border="1">） </nowiki><br>
使用 getElementsByTagName() 来获得所有 XML 的 CD 节点 <br>
针对每个 CD 节点，把 ARTIST 和 TITLE 中的数据显示为表格数据 <br>
用 </table> 结束表格 <br>
如需更多有关 JavaScript 和 XML DOM 的信息，请访问我们的 XML DOM 教程。<br>

== 跨域访问 ==

出于安全方面的原因，现代的浏览器不允许跨域的访问。<br>

这意味着，网页以及它试图加载的 XML 文件，都必须位于相同的服务器上。<br>

W3School 的实例所打开的 XML 文件位于 W3School 的域上。<br>

假如你打算在自己的网页上使用上面的例子，则必须把 XML 文件放到自己的服务器上。否则，xmlDoc.load() 将产生错误 "Access is denied"。<br>








[[category:XML学习教程]]