js控制tr显示和隐藏-创新互联

很久没有写代码，最近新接了一个项目，开始记录自己开发过程中遇到的一些问题。

关于js控制tr的显示与隐藏

最开始写法是：

附件文件：

js方法为：
function setDetailMsgRow(rowID,sel) {
    var row = document.getElementById(rowID); 
      if (row != null) { 
        if (sel.value == 0) { 
        	row.style.display = "block";
        } 
        else { 
        	row.style.display = "none"; 
        } 
    } 
}
但是最后在看效果的时候，发现，会有错位现象发生，如下图

控制显示的tr出现的时候，发生了错位现象，查找原因，如下：

使用display = block 就变成块级元素了，这样的设置会改变页面的格局，这样就会错位；

那么该如何设置，才可以实现js控制tr的显示与隐藏呢，

可以把 display 属性改为 table-row

对于table-row的说明如下图，大家可以学习一下，我是学到了

创新互联www.cdcxhl.cn，专业提供香港、美国云服务器，动态BGP最优骨干路由自动选择，持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证， 机房独有T级流量清洗系统配攻击溯源，准确进行流量调度，确保服务器高可用性。佳节活动现已开启，新人活动云服务器买多久送多久。