广告：宝塔服务器面板，一键全能部署及管理，送你10850元礼包，点我领取~~~

显示隐藏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元素的详细内容，更多请关注9543建站博客其它相关文章！