HTML hidden 属性
hidden 全局属性是布尔属性,有着隐藏元素的作用。被赋予 hidden 属性的元素只是不显示,不代表不存在,依然可以用 JavaScript 获取到它。
实例
被隐藏的段落:
<!DOCTYPE html>
<html>
<body>
<p hidden="hidden">这是一段隐藏的段落。</p>
<p>这是一段可见的段落。</p>
<p><b>备注:</b> IE10及更早的版本不支持 hidden 属性。</p>
</body>
</html>
浏览器支持
属性 | |||||
---|---|---|---|---|---|
hidden | Yes | Yes | Yes | Yes | Yes |
所有主流浏览器都支持 hidden 属性,除了 Internet Explorer。
定义和用法
hidden 属性是布尔属性。被赋予 hidden 属性的元素只是不现实,不代表不存在,依然可以用 JavaScript 获取到它。
浏览器不应显示已规定 hidden 属性的元素。
hidden 属性也可用于防止用户查看元素,直到匹配某些条件(比如选择了某个复选框)。然后,JavaScript 可以删除 hidden 属性,以使此元素可见。
提示:改变具有hidden属性的元素的CSS的 display 属性将覆盖该行为。 例如, 元素被设置为 display: flex 将会导致元素显示出来,尽管设置了hidden属性
HTML 4.01 与 HTML5 之间的差异
hidden 属性是 HTML5 中的新属性。
HTML 与 XHTML 之间的差异
在 XHTML 中,属性简写是禁止的,hidden 属性必须定义为 <element hidden="hidden">。
语法
<element hidden>