东方时讯网
跟大家讲解下有关如何显示隐藏Html元素，相信小伙伴们对这个话题应该也很关注吧，现在就为小伙伴们说说如何显示隐藏Html元素，小编也收集到了有关如何显示隐藏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元素的详细内容，更多请关注php中文网其它相关文章！
来源：php中文网