CSS中元素的隐藏和显示(visibility, display)
2009-11-27 14:27
609 查看
visibility: hidden, visible
display: block, inline, none
visibility: 控制页面元素的显示和隐藏,不空值元素的位置特征。
document.getElementById("div").style.visibility = "hidden"; //隐藏元素
document.getElementById("div").style.visibility = "visible"; //显示元素
当元素在页面是隐藏时,会占据一个显示块,其它的元素不能使用这个位置。当元素隐藏时,它不能接收事件。
document.getElementById("div").style.display = "none";//从页面中移除这个元素,当然元素的位置也被移除。
document.getElementById("div").style.display = "inline";//此元素不会占据一行,和其它的元素一起组合显示。
document.getElementById("div").style.display = "block";//此元素占据一行,单独显示。
display: block, inline, none
visibility: 控制页面元素的显示和隐藏,不空值元素的位置特征。
document.getElementById("div").style.visibility = "hidden"; //隐藏元素
document.getElementById("div").style.visibility = "visible"; //显示元素
当元素在页面是隐藏时,会占据一个显示块,其它的元素不能使用这个位置。当元素隐藏时,它不能接收事件。
document.getElementById("div").style.display = "none";//从页面中移除这个元素,当然元素的位置也被移除。
document.getElementById("div").style.display = "inline";//此元素不会占据一行,和其它的元素一起组合显示。
document.getElementById("div").style.display = "block";//此元素占据一行,单独显示。
相关文章推荐
- css元素隐藏(display:none和visibility:hidden)
- jquery控制css的display(控制元素的显示与隐藏)
- CSS隐藏元素 display visibility opacity的区别
- css元素隐藏各种方式原理及display:none和visibility:hidden
- CSS隐藏元素 display visibility opacity的区别
- jquery控制css的display(控制元素的显示与隐藏)
- css元素隐藏原理及display:none和visibility:hidden
- jquery控制css的display(控制元素的显示与隐藏)
- CSS隐藏元素 display visibility opacity的区别
- css元素隐藏原理及display:none和visibility:hidden
- jquery控制css的display(控制元素的显示与隐藏)(全)
- CSS的display属性,显示或隐藏元素
- CSS元素隐藏、display:none和visibility:hidden、height:0和overflow:hidden的组合
- css元素隐藏原理及display:none和visibility:hidden区别
- 转载:css元素隐藏原理及display:none和visibility:hidden
- jquery控制css的display(控制元素的显示与隐藏)
- CSS隐藏元素 display visibility opacity的区别
- (转)css元素隐藏原理及display:none和visibility:hidden
- CSS隐藏元素 display visibility opacity的区别
- CSS隐藏元素 display visibility opacity的区别