table里放多个tbody得仔细注意
<!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>
<!-- <tbody id="Two"><tr><td><table id="Table2"><tr><td>tbody-Two</td></tr></table><tr><td></tbody>
<tbody id="Three"><tr><td><table id="Table3"><tr><td>tbody-Three</td></tr></table><tr><td></tbody> -->
</table>
<SCRIPT LANGUAGE="JavaScript">
<!--
function fc(){
alert("tbody-One" + (document.getElementById("One")==null?"不存在":"存在")+"!");
alert("tbody-Two" + (document.getElementById("Two")==null?"不存在":"存在")+"!");
alert("tbody-Three" + (document.getElementById("Three")==null?"不存在":"存在")+"!");
}
//-->
</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
<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>
<!-- <tbody id="Two"><tr><td><table id="Table2"><tr><td>tbody-Two</td></tr></table><tr><td></tbody>
<tbody id="Three"><tr><td><table id="Table3"><tr><td>tbody-Three</td></tr></table><tr><td></tbody> -->
</table>
<SCRIPT LANGUAGE="JavaScript">
<!--
function fc(){
alert("tbody-One" + (document.getElementById("One")==null?"不存在":"存在")+"!");
alert("tbody-Two" + (document.getElementById("Two")==null?"不存在":"存在")+"!");
alert("tbody-Three" + (document.getElementById("Three")==null?"不存在":"存在")+"!");
}
//-->
</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