亚洲av成人无遮挡网站在线观看,少妇性bbb搡bbb爽爽爽,亚洲av日韩精品久久久久久,兔费看少妇性l交大片免费,无码少妇一区二区三区

Chinaunix

標(biāo)題: firefox中tbody隱藏顯示后td錯(cuò)位 [打印本頁(yè)]
作者: James_Guan    時(shí)間: 2011-12-20 09:48
標(biāo)題: firefox中tbody隱藏顯示后td錯(cuò)位
用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 了






歡迎光臨 Chinaunix (http://72891.cn/) Powered by Discuz! X3.2