Style.display =“inline”以不需要的方式显示表格行，有什么方法可以修复它吗？

Question

我正在使用单选按钮，当用户点击它时，会显示表格中的一行，我使用 style =“display：none;”来隐藏它以及下面的代码Javascript来显示它：

document.getElementById("testId").style.display = "inline";

问题在于它的显示方式，因为我刚刚注册了，我无法上传它的显示方式，但我会尝试尽可能多地显示它。

----------------------------------------------------------------
this is before 
----------------------------------------------------------------
this is test test test test | this is the row
----------------------------------------------------------------

******************

--------------------------------------------------
this is after showing it with inline
--------------------------------------------------
this | this is the row
 is  |
test |
test |
test |
test |

另外我注意到这种显示此行的方式只发生在IE以外的浏览器中！ 有没有办法解决这个问题？

Answer 1

  

我用的是style =“display：none;”隐藏它和java脚本中的代码以显示它

document.getElementById("testId").style.display = "inline";

inline不是表格行的正确初始显示值 - 当然是table-row。

但是由于旧的IE不能正确理解，所以你应该把它设置为一个空字符串，

document.getElementById("testId").style.display = "";

- 这会使浏览器只是将显示样式重置为浏览器认为是表行的正确默认显示值。