当前位置:K88软件开发文章中心编程语言XmlXml01 → 文章内容

在 HTML 页面中显示 XML 数据

减小字体 增大字体 作者:佚名  来源:网上搜集  发布时间:2019-1-13 10:49:07

HTML 页面显示 XML 数据在 HTML 页面中显示 XML 数据在下面的实例中,我们打开一个 XML 文件("cd_catalog.xml"),然后遍历每个 CD 元素,并显示HTML 表格中的 ARTIST 元素和 TITLE 元素的值:实例<html><body><script>if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safarixmlhttp=new XMLHttpRequest();}else{// code for IE6, IE5xmlhttp=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>尝试一下 ?如需了解更多关于使用 JavaScript 和 XML DOM 的信息,请访问我们的 XML DOM 教程。

在 HTML 页面中显示 XML 数据