Javascript display ='block'

Question

我有一些代码在单击某些内容时显示表格行.因此,该行的样式属性已禁用,请参见下文:

HTML

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

用户点击并触发Javascript,工作正常:

使用Javascript

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

但是,行的样式与rest不一致,即使它的类属性像其他属性一样设置为'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';