XML与HTML绑定

最新推荐文章于 2024-07-08 14:39:12 发布

tongxinhu

最新推荐文章于 2024-07-08 14:39:12 发布

阅读量798

点赞数

分类专栏： Web开发文章标签： xml html encoding div table border

本文链接：https://blog.csdn.net/tongxinhu/article/details/3881445

版权

Web开发专栏收录该内容

3 篇文章 0 订阅

订阅专栏

虽然一直在用XML，但是知道现在才发现有这项功能，可耻啊可耻啊可耻啊，嘿嘿~~ :)

绑定方式有好几种，我最喜欢使用xml数据与html中table的绑定。

比如，有XML文件《xname.xml》和《hname.html》；

xname.xml内容如下:

<?xml version="1.0" encoding="utf-8"?> <log> <logmessage> <timestamp>2008-1-1</timestamp> <description>aaaa</description> </logmessage> <logmessage> <timestamp>2008-2-1</timestamp> <description>bbb</description> </logmessage> </log>

则hname.html中如下即可完成绑定：

<html> <head> </head> <body> <XML id="logID" src="log.xml" mce_src="log.xml"></XML> <table id="tabid" border="1" datasrc="#logID" cellpadding="9"> <thead> <tr> <th width="50%"> <div align="center">Timestamp</div> </th> <th width="50%"> <div align="center"> Description </div> </th> </tr> </thead> <tbody> <tr> <td width="80"><span datafld="timestamp"></span></td> <td width="87"><span datasrc="#logID" datafld="description"></span></td> </tr> </tbody> </table> </body> </html>

重点在第5、6、19(20)行：

第5行：链接引入xml文件（好处在于：数据、表现分离，数据共享）；

第6行： datasrc="#logID" 引用数据

第19行：添加一些<span> 或者<div>元素，使用数据资源属性把元素和xml标签绑定起来。

效果如下：

Timestamp	Description
2008-1-1	aaaa
2008-2-1	bbb

tongxinhu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
XML与HTML绑定

虽然一直在用XML，但是知道现在才发现有这项功能，可耻啊可耻啊可耻啊，嘿嘿~~ :)绑定方式有好几种，我最喜欢使用xml数据与html中table的绑定。比如，有XML文件《xname.xml》和《hname.html》；xname.xml内容如下: 2008-1-1 aaaa
复制链接

扫一扫