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

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！