firefox TBODY 用js顯示和隱藏時出現(xiàn)錯位的解決方法

更新時間：2008年12月17日 01:23:25 作者：

今天幫別人寫一個網頁，發(fā)現(xiàn)：當用javascript動態(tài)設置tr.style.display = "block"顯示某行時，使用IE瀏覽沒有問題，但使用firefox瀏覽時該行被移到了其它行的后面，很是詫異。

看下面這個例子：

它在firefox中顯示時，“第一行”被顯示在最后一行。
于是在處理好需要顯示的行后，另寫了一個函數(shù)，先記錄需要顯示的行，然后將所有行的style.display都設置為"none",最后再將需要顯示的行依次顯示出來。這樣，IE和firefox的顯示結果就一樣了。
后來，我還是覺得這個方法很笨，就又潛心研究了一番，發(fā)現(xiàn)，只要將第二行和都三行都加上style="display:block"，顯示也就正常了。見下面的代碼：

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

由此可見，firefox對是否設置style="display:block"是區(qū)別對待的，而IE作了適當?shù)募嫒萏幚怼?
結論和教訓是：盡量使用標準做法，不要指望瀏覽器可以兼容。IE用多了就常常會忘記這點。
注：如果不使用tbody則沒有這個問題。但tbody可以起到對行進行分組的作用，當一次需要顯示或隱藏多行時很有用。

Javascript中arguments用法實例分析
這篇文章主要介紹了Javascript中arguments用法,實例分析了javascript利用arguments實現(xiàn)模擬重載功能,需要的朋友可以參考下
2015-06-06
uniapp使用高德地圖的超詳細步驟
使用uni-app框架開發(fā)微信小程序,可以使用高德地圖開發(fā)地圖選點、搜索位置、定位、獲取詳細的地址信息、碼值等信息,下面這篇文章主要給大家介紹了關于uniapp使用高德地圖的超詳細步驟,需要的朋友可以參考下
2022-12-12
wavesurfer.js繪制音頻波形圖的實現(xiàn)
這篇文章主要介紹了wavesurfer.js繪制音頻波形圖的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2021-04-04
ES6學習教程之塊級作用域詳解
很多語言中都有塊級作用域，但JS沒有，它使用var聲明變量，以function來劃分作用域，大括號“{}” 卻限定不了var的作用域，下面這篇文章主要給大家介紹了關于ES6學習教程之塊級作用域的相關資料，需要的朋友可以參考下。
2017-10-10
鼠標懸浮在樹組件節(jié)點上展示當前節(jié)點名稱的三種實現(xiàn)方式
這篇文章主要介紹了鼠標懸浮在樹組件節(jié)點上展示當前節(jié)點名稱的三種實現(xiàn)方式,第一種是使用css樣式設置,第二種在checkBox綁定,第三種使用tooltip,本文通過實例代碼給大家介紹的非常詳細,需要的朋友參考下吧
2023-12-12
javascript 函數(shù)式編程
javascript 函數(shù)式編程...
2007-08-08
javascript實現(xiàn)粘貼qq截圖功能（clipboardData）
這篇文章主要介紹了javascript實現(xiàn)粘貼qq截圖功能，利用clipboardData在網頁中實現(xiàn)截屏粘貼的功能，感興趣的小伙伴們可以參考一下
2016-05-05
js加入收藏夾代碼(兼容ie/ff/op)
這篇文章主要介紹了js加入收藏夾代碼并兼容ie/ff/op,需要的朋友可以參考下
2014-05-05
js的新生代垃圾回收知識點總結
在本篇文章里小編給大家整理的是關于js的新生代垃圾回收的相關知識點內容，有需要的朋友們可以參考學習下。
2019-08-08
js隨機密碼產生函數(shù)
在網上找了好多隨機產生的密碼的代碼，沒一個好用的，所以就隨便寫了一個
2010-08-08