XML绑定到Table

本文介绍了一种将XML数据绑定到HTML表格的方法。通过使用datasrc属性和JavaScript,可以从XML文件中选择数据并将其显示在网页上。示例展示了如何在加载页面时自动读取XML数据。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

XML描述的数据是可以绑定到表格上的.下面是一个例子:

HTML代码如下:


<html>
<script>
function test()
{
    
var xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
    xmlDoc.async
="false";
    xmlDoc.load(
"cd_catalog.xml");
    
var nodes= xmlDoc.documentElement.selectNodes("CD/TITLE");//获取所有匹配的(TITLE)节点的值
    for(var i=0;i<nodes.length;i++)
    
{
        alert(nodes[i].text
+" ");
    }

    
//alert(xmlDoc.xml);
    //var node=xmlDoc.documentElement.selectSingleNode("CD/TITLE");//获取匹配的第一个(TITLE)节点的值
    //alert(node.text);
}



</script>
<body onLoad="test()">

<xml id="cdcat" src="cd_catalog.xml" tppabs="http://www.w3schools.com/xml/cd_catalog.xml"></xml>
<br>
<table border="1" datasrc="#cdcat">
<thead>
<th>ARTIST</th>
<th>TITLE</th>
</thead>
<tr>
<td>
<span datafld="ARTIST"></span>
</td>
<td>
<span datafld="TITLE"></span>
</td>
</tr>
</table>
</body>
</html>

 用到的XML文件请参见我写的文章:javascript实现XML导航。

注:在table标签上用datasrc=“#xmlID”来绑定XML文件,xmlID是xml标签的id属性。datafld属性只能写在span或是div中(好像是这样的,读者可以尝试写在其他标签中),格式为datafld=“name”,其中name是要绑定到该span或是div的值在xml文件中的描述(必须和XML文件中某个标签一致)。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值