本文介绍使用JavaScript控制HTML元素隐藏与显示的两种常用方法。通过设置style.visibility属性可实现元素不可见但保留占位空间的效果;通过设置style.display属性为none则完全移除元素对页面的布局影响。两种方法分别对应.NET验证控件的Static和Dynamic显示模式,开发者可根据实际需求选择合适方案。
使用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