html如何隐藏控件

这篇文章将为大家详细讲解有关html如何隐藏控件，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

html控件隐藏的方法：1、通过“getElementById("typediv1").style.visibility="hidden";”方式隐藏；2、通过“style.display="none";”方式隐藏。

本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。

HTML控件 隐藏

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

  style="visibility: none;"
  document.getElementById("typediv1").style.visibility="hidden";//隐藏
  document.getElementById("typediv1").style.visibility="visible";//显示

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

  style="display: none;"
  document.getElementById("typediv1").style.display="none";//隐藏
  document.getElementById("typediv1").style.display="";//显示

html是什么

html的全称为超文本标记语言，它是一种标记语言，包含了一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体，html文本是由html命令组成的描述性文本，html命令可以说明文字，图形、动画、声音、表格、链接等，主要和css+js配合使用并构建优雅的前端网页。

关于“html如何隐藏控件”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。