您的位置:首页 >综合精选 >

如何显示隐藏Html元素

跟大家讲解下有关如何显示隐藏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中文网

免责声明:本文由用户上传,如有侵权请联系删除!

最新文章