在js中可以使用两种方式控制div的显示和隐藏

在js中可以使用两种方式控制div的显示和隐藏，都能够实现显示和隐藏，但是又有所不同；

 

 

一.方式1：隐藏后仍占有页面空间，显示空白

    div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白
    style="visibility: none;"      //在Div中设置style属性

    document.getElementById("typediv1").style.visibility="hidden";//隐藏
    document.getElementById("typediv1").style.visibility="visible";//显示

 

 

二.方式2：隐藏后释放占用的页面空间

    通过设置display属性可以使div隐藏后释放占用的页面空间，如下

    style="display: none;"         //在Div中设置style属性

    document.getElementById("typediv1").style.display="none";//隐藏
    document.getElementById("typediv1").style.display="";//显示

 

 

    PS：进行了显示和隐藏之后，我们同样需要采用不同的方式来解决，因为Div的显示和隐藏而造成的样式的变化；