|
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
它在firefox中顯示時,“第一行”被顯示在最后一行。
于是在處理好需要顯示的行后,另寫了一個函數,先記錄需要顯示的行,然后將所有行的style.display都設置為"none",最后再將需要顯示的行依次顯示出來。這樣,IE和firefox的顯示結果就一樣了。
后來,我還是覺得這個方法很笨,就又潛心研究了一番,發現,只要將第二行和都三行都加上style="display:block",顯示也就正常了。見下面的代碼:
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
由此可見,firefox對是否設置style="display:block"是區別對待的,而IE作了適當的兼容處理。
結論和教訓是:盡量使用標準做法,不要指望瀏覽器可以兼容。IE用多了就常常會忘記這點。
注:如果不使用tbody則沒有這個問題。但tbody可以起到對行進行分組的作用,當一次需要顯示或隱藏多行時很有用。
JavaScript技術:firefox TBODY 用js顯示和隱藏時出現錯位的解決方法,轉載需保留來源!
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。