简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

directory search

XML 基础教程 XML 用途 XML树结构 XML 语法规则 XML元素 XML 属性 XML 验证 XML 验证器查看 XML 文件使用 CSS 显示 XML 使用 XSLT 显示 XML XML JavaScript XMLHttpRequest 对象 XML Parser XML DOM XML to HTML XML 应用程序 XML 进阶 XML 命名空间 XML CDATA XML 编码服务器上的 XML XML DOM 高级 XML 注意事项现实生活中的 XML XML 编辑器 XML - E4X XML 总结下一步学习什么呢？

characters

XML to HTML

在 HTML 页面中显示 XML 数据

在下面的实例中，我们打开一个 XML 文件（"cd_catalog.xml"），然后遍历每个 CD 元素，并显示HTML 表格中的 ARTIST 元素和 TITLE 元素的值：

实例

<html>
 <body>
 <script>
 if (window.XMLHttpRequest)
 {// code for IE7+, Firefox, Chrome, Opera, Safari
 xmlhttp=new XMLHttpRequest();
 }
 else
 {// code for IE6, IE5
 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
 }
 xmlhttp.open("GET","cd_catalog.xml",false);
 xmlhttp.send();
 xmlDoc=xmlhttp.responseXML; 
 document.write("<table border='1'>");
 var x=xmlDoc.getElementsByTagName("CD");
 for (i=0;i<x.length;i++)
 { 
 document.write("<tr><td>");
 document.write(x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue);
 document.write("</td><td>");
 document.write(x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);
 document.write("</td></tr>");
 }
 document.write("</table>");
 </script>
 </body>
 </html>

Bob Dylan	Empire Burlesque
Bonnie Tyler	Hide your heart
Dolly Parton	Greatest Hits
Gary Moore	Still got the blues
Eros Ramazzotti	Eros
Bee Gees	One night only
Dr.Hook	Sylvias Mother
Rod Stewart	Maggie May
Andrea Bocelli	Romanza
Percy Sledge	When a man loves a woman
Savage Rose	Black angel
Many	1999 Grammy Nominees
Kenny Rogers	For the good times
Will Smith	Big Willie style
Van Morrison	Tupelo Honey
Jorn Hoel	Soulsville
Cat Stevens	The very best of
Sam Brown	Stop
T'Pau	Bridge of Spies
Tina Turner	Private Dancer
Kim Larsen	Midt om natten
Luciano Pavarotti	Pavarotti Gala Concert
Otis Redding	The dock of the bay
Simply Red	Picture book
The Communards	Red
Joe Cocker	Unchain my heart

如需了解更多关于使用 JavaScript 和 XML DOM 的信息，请访问我们的 XML DOM 教程。

Previous article： Next article：