JS控制容器隐藏与显示的两种方法及布局差异

使用visibility属性控制元素显隐

方案一：

 
document.getElementById("控件ID").style.visibility="hidden";
document.getElementById("控件ID").style.visibility="visible";

使用display属性控制元素显隐

方案二：

 
document.getElementById("控件ID").style.display="none";
document.getElementById("控件ID").style.display="inline";

方案一隐藏后，页面布局仍保留该控件所占空间，仅视觉上不可见，行为类似.NET验证控件设置Display属性为Static

方案二隐藏后，页面布局不再保留该控件空间，行为类似.NET验证控件设置Display属性为Dynamic