firefoxTBODY用js顯示和隱藏時出現錯位的解決方法_javascript技巧

來源：懂視網責編：小采時間：2020-11-27 20:40:52

firefoxTBODY用js顯示和隱藏時出現錯位的解決方法_javascript技巧

firefoxTBODY用js顯示和隱藏時出現錯位的解決方法_javascript技巧:看下面這個例子： function body_load() { var obj = document.getElementById(tr1); obj.style.display = block; } 第一行第二行第三行 [Ctrl+A 全選注:如需引入外部Js需刷新才能執行]它在f

推薦度：

點擊下載本文 文檔為doc格式

導讀firefoxTBODY用js顯示和隱藏時出現錯位的解決方法_javascript技巧:看下面這個例子： function body_load() { var obj = document.getElementById(tr1); obj.style.display = block; } 第一行第二行第三行 [Ctrl+A 全選注:如需引入外部Js需刷新才能執行]它在f

看下面這個例子：

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

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

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

firefoxTBODY用js顯示和隱藏時出現錯位的解決方法_javascript技巧

推薦度：

點擊下載本文 文檔為doc格式

標簽：解決 js 顯示的

熱門焦點

firefoxTBODY用js顯示和隱藏時出現錯位的解決方法_javascript技巧

firefoxTBODY用js顯示和隱藏時出現錯位的解決方法_javascript技巧

firefoxTBODY用js顯示和隱藏時出現錯位的解決方法_javascript技巧

最新推薦

猜你喜歡

熱門推薦