table里放多个tbody得仔细注意

shania0127

浏览: 25392 次
性别:
来自: 北京

最近访客更多访客>>

chensa222

yyhuaisha

yph112358

rockycao1

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript

IE Firefox 浏览器 CSS HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> table里放多个tbody时，得多仔细！ </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<div>
   <table>
     <tbody id="One"><tr><td><table id="Table1"><tr><td>tbody-One</td></tr></table><tr><td></tbody>
    <tbody id="Two"><table id="Table2"><tr><td>tbody-Two</td></tr></table></tbody>
     <tbody id="Three"><table id="Table3"><tr><td>tbody-Three</td></tr></table></tbody>

</table>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
   </div>
<input type="button" value="test" onclick="javascript:fc();"/>
    总结：
     当1个table下并列放多个tbody，tbody里又各自需要放table时， <br/>
        在IE下，可以在tbody后直接写上table，如第14行、第15行、第16行 --支持 <br/>
        而这在FireFox下只支持一个tbody,不支持多个这样的tbody。<br/>
        需要把table先放到<tr><td>...</td></tr>中，再把这<tr><td><table>...</table></td></tr>跟在tbody后面,如第14行、第17行、第18行<br/>
     这样就可以达到在IE和FireFox下，1个table中同时放多个tbody都能用document.getElementById()语句来获得相应的tbody了。<br/>
-----------------------------------------------------------------------------------------------------------------------------------------
   table里嵌套tbody的好处
     加了tbody后准确来说并不是影响网页表格下载速度，而是呈现速度！<br/>
   因为浏览器对table的解释是等待整个table全部加载完才显示。如果加入tbody，浏览器则一边下载一边显示已经下载的内容。

   下面是其具体用法规范：

    <table>
    <thead><tr>...</tr></thead>
    <tfoot><tr>...</tr></tfoot>
    <tbody><tr>...</tr></tbody>
    </table>
   可以对其中的属性定义css。

   值得注意的是，据W3C标准：常理顺序应该是头--身--脚，但是这种用法中：tfoot是紧跟thead后面的........，得好好注意！

</BODY>
</HTML>

转自：http://hi.baidu.com/%C4%CE%B6%F9nye/blog/item/584f6825fdb6e73b8644f969.html

分享到：