CSS中元素的隐藏和显示(visibility, display)

来源:百度文库 编辑:神马文学网 时间:2024/04/28 12:57:16
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";//此元素占据一行,单独显示。 ......