javascript控制页面控件隐藏显示的两种方法

来源:互联网 发布:画面好的大型网络手游 编辑:程序博客网 时间:2024/06/04 18:56

display的显示影藏方式 block:显示,none:影藏 ;影藏后不占有原有位置

visibility的显示影藏方式 visible:显示,hidden:影藏 影藏后仍占有原有位置

javascript控制页面控件隐藏显示的两种方法,方法的不同之处在于控件隐藏后是否还在页面上占位
方法一:
document.getElementById("Solin").style.visibility="hidden"; 
document.getElementById("Solin").style.visibility="visible";
方法二:
document.getElementById("Solin").style.display="none"; (与hide()方法效果相同)
document.getElementById("Solin").style.display="block";(show()方法效果相同)
方法一隐藏后 页面的位置还被控件占用 只是不显示 类似于.net验证控件的Display=Static
方法二隐藏后 页面的位置不被占用 类似于.net验证控件的Display=Dynamic


Css的display与JQuery的show()、hide(),display与jquery两者可以配合使用,从而实现块的隐藏与显示
show()方法对应display:block; 或 inline
hide()方法对应display:none;

1 0
原创粉丝点击