TBODY的使用方法和意义

TBODY 元素内包含的有效标签有:

TD
TH
TR

TBODY 元素会为全部表格自动定义,就算表格没有显式定义 TBODY 元素。

table 对象及其相关的元素有独立的表格对象模型,这与常规对象模型所采用的方法有很大不同。

此元素在 Microsoft? Internet Explorer 3.0 的 HTML 中可用,在 Internet Explorer 4.0 的脚本中可用。

此元素不会被渲染。

此元素需要关闭标签。

tbody定义表格的主体
在table中thead,tfoot以及tbody可以让你聚集表格中的多个行。当你建立一个表格的时候你或许希望有一个标题行,一些行来放置数据,最下的一行来放总计。这样的划分在浏览器中可以使用滚轮从头到尾直接浏览,当打印的时候每有超出部分那么页眉和脚标会重新加到表格上(保证打印出来的每页都有页眉和脚标)

标准属性:id, class, title, style, dir, lang, xml:lang

事件属性:onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

实例:

<table border = "1">
<thead>
<tr>
<td>This text is in the THEAD</td>
</tr>
</thead>
<tfoot>
<tr>
<td>This text is in the TFOOT</td>
</tr>
</tfoot>
<tbody>
<tr>
<td> This text is in the TBODY</td>
</tr>
</tbody>
</table>

每个表格可以有一个表头、一个表尾和一个或多个表体,分别以THEAD、TFOOT和TBODY元素表示。

用TBODY这个标签可以控制表格分行下载,当表格内容很大时比较实用,在需要分行下载处加上和,比如:

<table>
<tbody>
<tr><td>有风的日子</td></tr>
<tr><td>有风的日子</td></tr>
</tbody>
<tbody>
<tr><td>有风的日子</td></tr>
<tr><td>有风的日子</td></tr>
</tbody>
</table>
·<tbody>是用在<table>内的比如:
<table>
  <tbody>
     <tr>
        <td></td>
     </tr>
  </tbody>
</table>

使用TBODY的目的是可以使得这些包含在内的代码不用在整个表格都解析后一起显示,就是说如果有多个行,那么如果得到一个TBODY行,就可以先显示一行。
BODY是HTML的文本体,一个HTML文件,只有一个BODY,而在TABLE中可以有多个TBODY。

·默认的时候,可以不用写
但要使用innerHTML 更改 Table 的内容的时候,必须指明 TBody

<table>
<tbody id="oTbody">
</tbody>
</table>

oTbody.innerHTML=“呵呵”;

·当你使用了thead, tfoot 和 tbody元素,那么你就必须使用它们每一个元素,它们出现的次序也应该是这样:, 和 ,只有这样浏览器才能在接收所有数据前先得到脚标的信息。还有一点你必须在table元素内使用它们

·, 和 并不常用,因为它们的浏览器支持性不好。不过预计会在XHTML中得到改善。如果你有IE以上版本的浏览器,那么你可以看看我们XML教程中的一个举例

转载于:https://www.cnblogs.com/Dlonghow/archive/2008/08/08/1263920.html

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值