如何显示隐藏Html元素

显示隐藏Html元素的方法：1、div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白；2、通过设置display属性可以使div隐藏后释放占用的页面空间。

本教程操作环境：windows7系统、html5版，DELL G3电脑。

显示隐藏Html元素的方法：

1、div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白:

　　style=visibility: none;
 
　　document.getElementById(typediv1).style.visibility=hidden;//隐藏
 
　　document.getElementById(typediv1).style.visibility=visible;//显示
 
    $(#divid).css(vicibility,hidden)
 
    $(#divid).css(vicibility,visible)

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

　style=display: none;
 
　　document.getElementById(typediv1).style.display=none;//隐藏
 
　　document.getElementById(typediv1).style.display=;//显
 
    $(#divid).css(display,none);
 
    $(#divid).css(display,);

相关学习推荐：html视频教程

以上就是如何显示隐藏Html元素的详细内容，更多请关注双恒网络其它相关文章！