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

 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";//此元素占据一行，单独显示。