| MozTW 討論區 https://forum.moztw.org/ |
|
| js控制css-style-display in table屬性怪怪的 https://forum.moztw.org/viewtopic.php?f=13&t=11757 |
第 1 頁 (共 1 頁) |
| 發表人: | spencer37 [ 2005-12-02, 16:30 ] |
| 文章主題 : | js控制css-style-display in table屬性怪怪的 |
FireFox 1.0.7沒有問題 但是FireFox 1.5在block過後還原為none //事後修正 上述與此問題無關 顯示上就出現問題 td測試時 原內容"abc"跑到第二欄 tr測試時 則造成table高度持續變大 代碼: <script language="JavaScript"> [/code]
function vc(id) { var obj = document.getElementById(id) if(obj.style.display == "none") obj.style.display = "block" else obj.style.display = "none" } </script> <table align="center" border="1"> <tr><td><a onClick="vc('abc');">click</a></td></tr> <tr><td id="abc">abc</td></tr> <tr><td><a onClick="vc('abc2');">click</a></td></tr> <tr id="abc2"><td>abc2</td></tr> </table> |
|
| 發表人: | 風痕影 [ 2005-12-02, 16:46 ] |
| 文章主題 : | |
這問題我以前也碰過，1.0.7一樣會這樣 因為在標準中，td的display預設根本就不是"block" 應該寫成"table-cell" 不過，如果你希望他能在IE上運作的話 還是要寫一個display為"block"的給IE看 因為IE竟然不認識"table-cell" |
|
| 發表人: | softcup [ 2005-12-02, 17:18 ] |
| 文章主題 : | |
obj.style.display = "block" 改成 obj.style.display = "" 試試看。 |
|
| 發表人: | spencer37 [ 2005-12-02, 17:26 ] |
| 文章主題 : | |
謝謝QQ原來是小弟無知 剛剛去看了 http://www.w3.org/TR/CSS21/tables.html#q2 才知道有CSS table model這東西 此外也謝謝提供把屬性清空的好方法 |
|
| 第 1 頁 (共 1 頁) | 所有顯示的時間為 UTC + 8 小時 |
| Powered by phpBB® Forum Software © phpBB Group https://www.phpbb.com/ |
|