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