js控制tr显示或者隐藏

js控制tr显示或者隐藏

方法一：
document.getElementById("控件ID").style.visibility="hidden";
document.getElementById("控件ID").style.visibility="visible";
方法二：
document.getElementById("控件ID").style.display="none";   让元素不显示-隐藏
document.getElementById("控件ID").style.display="inline";   将元素变为行内元素

方法一隐藏后 页面的位置还被控件占用 只是不显示 类似于.net验证控件的Display=Static
方法二隐藏后 页面的位置不被占用 类似于.net验证控件的Display=Dynamic

 

附加：

document.getElementById("控件ID").style.display="block";            将元素变为块级元素

document.getElementById("控件ID").style.display="inline-block";   将元素变为行内块元素

行内块元素特点：1.多个元素能够在一行内显示--行内，
                             2.允许修改尺寸--块级