在 HTML 表格中显示 XML 数据

最新推荐文章于 2022-08-05 11:13:03 发布
最新推荐文章于 2022-08-05 11:13:03 发布
阅读量953 收藏 1
点赞数
分类专栏： XML 文章标签： xml html mozilla encoding firefox browser
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xyls_2009/article/details/5496774
版权

<html>
<body>

<script type="text/javascript">
var xmlDoc=null;
if (window.ActiveXObject)
{// code for IE
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
}
else if (document.implementation.createDocument)
{// code for Firefox, Mozilla, Opera, etc.
xmlDoc=document.implementation.createDocument("","",null);
}
else
{
alert('Your browser cannot handle this script');
}
if (xmlDoc!=null)
{
xmlDoc.async=false;
xmlDoc.load("cd_catalog.xml");

document.write("<table border='1'>");

var x=xmlDoc.getElementsByTagName("CD");
for (var i=0;i<x.length;i++)
{
document.write("<tr>");
document.write("<td>");
document.write(x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue);
document.write("</td>");

document.write("<td>");
document.write(x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);
document.write("</td>");
document.write("</tr>");
}
document.write("</table>");
}
</script>

</body>
</html>

 

 

cd_catalog.xml：


<?xml version="1.0" encoding="ISO-8859-1"?>
<!-- Edited with XML Spy v2007 (http://www.altova.com) -->
<CATALOG>
 <CD>
  <TITLE>Empire Burlesque</TITLE>
  <ARTIST>Bob Dylan</ARTIST>
  <COUNTRY>USA</COUNTRY>
  <COMPANY>Columbia</COMPANY>
  <PRICE>10.90</PRICE>
  <YEAR>1985</YEAR>
 </CD>
 <CD>
  <TITLE>Hide your heart</TITLE>
  <ARTIST>Bonnie Tyler</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>CBS Records</COMPANY>
  <PRICE>9.90</PRICE>
  <YEAR>1988</YEAR>
 </CD>
 <CD>
  <TITLE>Greatest Hits</TITLE>
  <ARTIST>Dolly Parton</ARTIST>
  <COUNTRY>USA</COUNTRY>
  <COMPANY>RCA</COMPANY>
  <PRICE>9.90</PRICE>
  <YEAR>1982</YEAR>
 </CD>
 <CD>
  <TITLE>Still got the blues</TITLE>
  <ARTIST>Gary Moore</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>Virgin records</COMPANY>
  <PRICE>10.20</PRICE>
  <YEAR>1990</YEAR>
 </CD>
 <CD>
  <TITLE>Eros</TITLE>
  <ARTIST>Eros Ramazzotti</ARTIST>
  <COUNTRY>EU</COUNTRY>
  <COMPANY>BMG</COMPANY>
  <PRICE>9.90</PRICE>
  <YEAR>1997</YEAR>
 </CD>
 <CD>
  <TITLE>One night only</TITLE>
  <ARTIST>Bee Gees</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>Polydor</COMPANY>
  <PRICE>10.90</PRICE>
  <YEAR>1998</YEAR>
 </CD>
 <CD>
  <TITLE>Sylvias Mother</TITLE>
  <ARTIST>Dr.Hook</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>CBS</COMPANY>
  <PRICE>8.10</PRICE>
  <YEAR>1973</YEAR>
 </CD>
 <CD>
  <TITLE>Maggie May</TITLE>
  <ARTIST>Rod Stewart</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>Pickwick</COMPANY>
  <PRICE>8.50</PRICE>
  <YEAR>1990</YEAR>
 </CD>
 <CD>
  <TITLE>Romanza</TITLE>
  <ARTIST>Andrea Bocelli</ARTIST>
  <COUNTRY>EU</COUNTRY>
  <COMPANY>Polydor</COMPANY>
  <PRICE>10.80</PRICE>
  <YEAR>1996</YEAR>
 </CD>
 <CD>
  <TITLE>When a man loves a woman</TITLE>
  <ARTIST>Percy Sledge</ARTIST>
  <COUNTRY>USA</COUNTRY>
  <COMPANY>Atlantic</COMPANY>
  <PRICE>8.70</PRICE>
  <YEAR>1987</YEAR>
 </CD>
 <CD>
  <TITLE>Black angel</TITLE>
  <ARTIST>Savage Rose</ARTIST>
  <COUNTRY>EU</COUNTRY>
  <COMPANY>Mega</COMPANY>
  <PRICE>10.90</PRICE>
  <YEAR>1995</YEAR>
 </CD>
 <CD>
  <TITLE>1999 Grammy Nominees</TITLE>
  <ARTIST>Many</ARTIST>
  <COUNTRY>USA</COUNTRY>
  <COMPANY>Grammy</COMPANY>
  <PRICE>10.20</PRICE>
  <YEAR>1999</YEAR>
 </CD>
 <CD>
  <TITLE>For the good times</TITLE>
  <ARTIST>Kenny Rogers</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>Mucik Master</COMPANY>
  <PRICE>8.70</PRICE>
  <YEAR>1995</YEAR>
 </CD>
 <CD>
  <TITLE>Big Willie style</TITLE>
  <ARTIST>Will Smith</ARTIST>
  <COUNTRY>USA</COUNTRY>
  <COMPANY>Columbia</COMPANY>
  <PRICE>9.90</PRICE>
  <YEAR>1997</YEAR>
 </CD>
 <CD>
  <TITLE>Tupelo Honey</TITLE>
  <ARTIST>Van Morrison</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>Polydor</COMPANY>
  <PRICE>8.20</PRICE>
  <YEAR>1971</YEAR>
 </CD>
 <CD>
  <TITLE>The very best of</TITLE>
  <ARTIST>Cat Stevens</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>Island</COMPANY>
  <PRICE>8.90</PRICE>
  <YEAR>1990</YEAR>
 </CD>
 <CD>
  <TITLE>Stop</TITLE>
  <ARTIST>Sam Brown</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>A and M</COMPANY>
  <PRICE>8.90</PRICE>
  <YEAR>1988</YEAR>
 </CD>
 <CD>
  <TITLE>Bridge of Spies</TITLE>
  <ARTIST>T'Pau</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>Siren</COMPANY>
  <PRICE>7.90</PRICE>
  <YEAR>1987</YEAR>
 </CD>
 <CD>
  <TITLE>Private Dancer</TITLE>
  <ARTIST>Tina Turner</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>Capitol</COMPANY>
  <PRICE>8.90</PRICE>
  <YEAR>1983</YEAR>
 </CD>
 <CD>
  <TITLE>Midt om natten</TITLE>
  <ARTIST>Kim Larsen</ARTIST>
  <COUNTRY>EU</COUNTRY>
  <COMPANY>Medley</COMPANY>
  <PRICE>7.80</PRICE>
  <YEAR>1983</YEAR>
 </CD>
 <CD>
  <TITLE>Pavarotti Gala Concert</TITLE>
  <ARTIST>Luciano Pavarotti</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>DECCA</COMPANY>
  <PRICE>9.90</PRICE>
  <YEAR>1991</YEAR>
 </CD>
 <CD>
  <TITLE>The dock of the bay</TITLE>
  <ARTIST>Otis Redding</ARTIST>
  <COUNTRY>USA</COUNTRY>
  <COMPANY>Atlantic</COMPANY>
  <PRICE>7.90</PRICE>
  <YEAR>1987</YEAR>
 </CD>
 <CD>
  <TITLE>Picture book</TITLE>
  <ARTIST>Simply Red</ARTIST>
  <COUNTRY>EU</COUNTRY>
  <COMPANY>Elektra</COMPANY>
  <PRICE>7.20</PRICE>
  <YEAR>1985</YEAR>
 </CD>
 <CD>
  <TITLE>Red</TITLE>
  <ARTIST>The Communards</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>London</COMPANY>
  <PRICE>7.80</PRICE>
  <YEAR>1987</YEAR>
 </CD>
 <CD>
  <TITLE>Unchain my heart</TITLE>
  <ARTIST>Joe Cocker</ARTIST>
  <COUNTRY>USA</COUNTRY>
  <COMPANY>EMI</COMPANY>
  <PRICE>8.20</PRICE>
  <YEAR>1987</YEAR>
 </CD>
</CATALOG>

不学-何为
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
学习:解析XML并显示在表格中
lzhw1985的专栏
09-01 1049
//JTableDemo .javapackage org.dom4j.samples.swing;import javax.swing.JFrame;import javax.swing.JScrollPane;import javax.swing.JTable;import org.dom4j.Document;import org.dom4j.io.SAXReader;impor
html表格中绑定显示xml文档内容的简单实例,HTML表格中绑定显示XML文档内容的简单实例...
weixin_35719581的博客
06-03 197
分为下列几个步骤：第一步：创建一个存储数据信息的xml文件,比如 order.xml?>c050006920050517pending00110pendingc050070120050512pending00230pending第二步:写一个显示样式的HTML，比如order.html使用表格绑定XMLsrc="order.xml">size="4">HTML表格中绑定显示XM...
查看如何在一个 HTML 表格中显示 XML 数据。
shuilv2000的专栏
09-23 1166
var xmlDoc=null;if (window.ActiveXObject){// code for IExmlDoc=new ActiveXObject("Microsoft.XMLDOM");}else if (document.implementation.createDocument){// code for Firefox, Mozilla, Opera, etc.xmlDoc
html页面xml标签不识别,如何修复设置xml中无法识别的标签？
weixin_30672649的博客
06-03 561
我有setting.xmlxmlns="http://maven.apache.org/SETTINGS/1.0.0"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://maven.apache.org/SETTINGS/1.0.0 http://maven.apache.org/xsd/s...
html 无法显示xml,带HTML显示XML数据的空白页面
weixin_34374031的博客
06-19 767
我有一个html文档，它用xml文档提供的数据创建一个表格。在Adobe支持的实时预览中，我可以看到页面和数据。带HTML显示XML数据的空白页面但是，当我尝试打开某些浏览器时，如IE，Firefox或Chrome，页面显示出来，只是空白。这里是html代码的一部分，下面是xml的代码。这是HTML代码table { border-collapse: collapse; font-family: ...
在jQuery中处理XML数据的大致方法
11-29
4. **显示数据**：处理完XML数据后，可以将其插入到HTML页面中，比如创建表格展示。上述代码示例中，`htmlData`变量用于构建一个表格字符串，然后将遍历到的个人信息添加到表格中。 5. **操作数据**：jQuery提供了...
在 HTML 表格中显示记录asp源代码.rar
最新发布
08-06
HTML表格是一种常用的数据展示方式，尤其在Web开发中，它能有效地组织和呈现结构化数据。ASP（Active Server Pages）是微软开发的一种服务器端脚本环境，用于动态生成HTML、XML和其他格式的文档。结合HTML表格和ASP...
使用Spry轻松将XML数据显示到HTML页的方法
10-30
使用`<spry:repeat>`或`<tr spry:repeat>`等 Spry 标签，循环遍历XML数据，并将数据字段插入到表格或其他HTML元素中。 完成以上步骤后，HTML页面就能动态地显示XML数据了。然而，存在一些问题和挑战： 1. 对于中文...
JS读取XML文件数据并以table形式显示数据的方法(兼容IE与火狐)
10-22
主要介绍了JS读取XML文件数据并以table形式显示数据的方法,涉及javascript针对xml节点操作及HTML表格操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
js导出html表格中数据示例
01-08
在JavaScript（JS）开发中，有时我们需要将HTML表格中的数据导出到Excel文件，以便用户可以方便地存储和处理这些数据。"js导出html表格中数据示例"这一主题涉及的技术点主要涵盖如何利用JavaScript将HTML表格转换...
Html5与xml的交互实例项目——XML 数据显示为 HTML 表格
Yxd0724的博客
08-05 709
XML文件格式实际上与JSON数据格式是差不多的，把XML当做JSON数据格式去理解，会使的XML文件中的数据更容易理解；
JavaScript向XML文档存储，读取和修改数据
weixin_30621959的博客
07-12 829
基础知识１、var fso=new ActiveXObject("Scripting.FileSystemObject");创建一个可以操作系统文件的ActiveXObject对像的实例。２、file=fso.GetFile("C:\\test.xml");　　用ActiveXObject对像访问系统文件，可以用来检查文件是否存在。３、file=fso.CreateTextFile("C:\\te...
html5写入xml,XML 语法
weixin_30271235的博客
06-03 293
XML 语法规则XML 的语法规则很简单，且很有逻辑。这些规则很容易学习，也很容易使用。XML 文档必须有根元素XML 必须包含根元素，它是所有其他元素的父元素，比如以下实例中 root 就是根元素：.....以下实例中 note 是根元素：ToveJaniReminderDon't forget me this weekend!XML 声明XML 声明文件的可选部分，如果存在需要放在文档的第一行...
尽量使用XML文件来存储数据
zhashuiguangzi的专栏
02-12 2455
XML 被设计用来传输和存储数据（HTML 被设计用来显示数据）。XML 标签没有被预定义。您需要自行定义标签，其实这个我觉得是这是一个非常有用的一个特性。我们可以根据自己的应用来定义需要的标签。XML 很容易被设计为具有自我描述性。 XML 用途 XML 应用于 Web 开发的许多方面，常用于简化数据的存储和共享。 XML 把数据从 HTML 分离 如果您需要在 HTML 文档中显示动态...
将XML文件在html上以表格形式输出
jiangyang112233的博客
05-04 1131
将XML文件在html上以表格形式输出 xml文件： <?xml version="1.0" encoding="utf-8" ?> <students> <student> <s_id>5664363</s_id> <s_name>Max</s_name> </student>...
html读取xml数据实例一
潇湘博客
05-09 6449
花了一天的时间了解xml感觉还不是很懂，不过也写了一个实例，呵呵~```page1:1.xml                    ]>            《钢铁是怎么炼成的》        （苏）尼·奥斯特洛夫斯基        $20                《钢铁是怎么炼成的》        （苏）尼·奥斯特洛夫斯基         $20              
html中输入存储为xml,存储于xml中需要的HTML转义代码
weixin_33238239的博客
06-07 211
存储于xml中需要的HTML转义代码复制代码 代码如下:/*** html代码输入验证转换* @param str* @return*/public String htmlFilter(String str){//转意&str = str.replaceAll("&", "&");//转意<str = str.replaceAll("//转意>str = str...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值