XML 教程

XML 简介 XML 用途 XML 树结构 XML 语法 XML 元素 XML 属性 XML 验证 XML 验证器 XML 查看 XML CSS XML XSLT XML HTTP Request XML 解析器 XML DOM XML to HTML XML 应用程序 XML 命名空间 XML CDATA XML 编码 XML 服务器 XML DOM 高级 XML 注意事项 XML 技术 XML 现实案例 XML 编辑器 XML E4X XML 总结

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>