firefox中tbody隱藏顯示后td錯(cuò)位

James_Guan

用javascript動(dòng)態(tài)的設(shè)置一個(gè)表格某些行的顯示和隱藏，在IE中沒(méi)有任何問(wèn)題

<table> <tr><td>a1</td><td>b1</td></tr> <tbody id="show"> <tr><td>a2</td><td>b2</td></tr> <tr><td>a3</td><td>b3</td></tr> </tbody> </table>

document.getElementById("show").style.display = "block";

但是在firefox中，當(dāng)onclick顯示的時(shí)候后面兩行會(huì)全縮到第一個(gè)td的位置，顯示發(fā)生錯(cuò)位。

原因：當(dāng) table 的 display 為 block 時(shí)，不論是否在 HTML 里顯式地寫了 tbody 標(biāo)簽，F(xiàn)irefox 解析出的 tbody 都不再和 table 等寬，而是適應(yīng)表格行的寬度。

解決：恢復(fù)顯示時(shí)設(shè)置 display 屬性為空字符串即可。如：

1. document.getElementById("show").style.display = "";

原理是通常設(shè)為空字符串時(shí)，此元素會(huì)恢復(fù)成其原來(lái)的 display 屬性值，不用再人為區(qū)分 table 還是 block 了