Javascript 显示 = 'block'

Question

我有一些代码可以在单击某些内容时显示表格行。因此，该行禁用了它的样式属性，见下文:

HTML

<tr id='Asset' class='rrtr' style='display:none;'>

用户点击并触发 Javascript，效果很好:

Javascript

document.getElementById("Asset").style.display = 'block';

但是，该行的样式与其余行不一致，即使它的类属性与其他行一样设置为“rrtr”。

如果我关闭“display:none;”在行上运行显示，格式没问题。

有什么想法吗？

Answer 1

为了最好的兼容性，设置

document.getElementById("Asset").style.display = '';

Internet Explorer 7 及更低版本不支持 table-row 作为 display 的值。或者——可以说，更好的想法是——为该行设置一个类并使用 JS 删除/更改它:

<tr id='Asset' class='rrtr rrtr-hidden'>
<!-- .rrtr-hidden { display: none; } -->

// Remove class `.rrtr-hidden`
document.getElementById("Asset").className = 'rrtr';