css中实现div的显示和隐藏

div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白: 
　　style="visibility: none;"
　　document.getElementById("typediv1").style.visibility="hidden";//隐藏
　　document.getElementById("typediv1").style.visibility="visible";//显示

通过设置display属性可以使div隐藏后释放占用的页面空间，如下
　　style="display: none;"
　　document.getElementById("typediv1").style.display="none";//隐藏
　　document.getElementById("typediv1").style.display="";//显示

特别说明

  display属性设置元素的显示方式，对应脚本特性为display，可选值为none、block和inline，各值的说明如下：
        none 隐藏元素，不保留元素显示时的空间。
        block块方式显示元素。
        inline 以内嵌方式显示元素。
        inline-block对象显示为内嵌元素，但所有子对象都显示为块元素，相邻的内嵌元素将显示在同一行，允许空格。
        list-item 将块元素显示为列表对象，并可以添加项目标点。(需要IE6.0+支持)
        table-header-group 将元素作为表格标题组显示，相当于tHead元素。
        table-footer-group 将元素作为表格脚注组显示，相当于tFoot元素。
  visibility属性设置是否显示元素，对应的脚本特性为visibility，可选值为inherit、hidden和visible，各值的说明如下：
        inherit 继承父元素的visibility属性设置。
        hidden 隐藏元素，但保留其所占空间。
        visible 显示元素(默认值)。