firefox TBODY 用js顯示和隱藏時出現錯位的解決方法

2024-05-06 14:16:32

字體：大中小

來源：轉載

供稿：網友

看下面這個例子：

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]
它在firefox中顯示時，“第一行”被顯示在最后一行。
于是在處理好需要顯示的行后，另寫了一個函數，先記錄需要顯示的行，然后將所有行的style.display都設置為"none",最后再將需要顯示的行依次顯示出來。這樣，IE和firefox的顯示結果就一樣了。
后來，我還是覺得這個方法很笨，就又潛心研究了一番，發現，只要將第二行和都三行都加上style="display:block"，顯示也就正常了。見下面的代碼：

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]
由此可見，firefox對是否設置style="display:block"是區別對待的，而IE作了適當的兼容處理。
結論和教訓是：盡量使用標準做法，不要指望瀏覽器可以兼容。IE用多了就常常會忘記這點。
注：如果不使用tbody則沒有這個問題。但tbody可以起到對行進行分組的作用，當一次需要顯示或隱藏多行時很有用。

上一篇：用tip解決Ext列寬度不夠的問題

下一篇：JavaScript 拖拉縮放效果