Element.hidden变量可移植性

Rac*_*ion 2 html javascript

我正在为我正在设计的个人网站编写模板页面,我将使用下拉式DIV标签登录表单.

我也使用谷歌浏览器作为我的主要测试等浏览器,并注意到所有可见元素似乎都有一个名为"隐藏"的属性,它包含一个布尔值.

它的工作方式与您期望的一样,设置为True时隐藏,设置为False时可见.

document.getElementById("element").hidden = true;
document.getElementById("element").hidden = false;
Run Code Online (Sandbox Code Playgroud)

奇怪的是,即使Firefox 8.0.1也以同样的方式处理这个问题.

由于我的Google-fu无法提供任何相关信息,这里是否有人知道为什么这似乎有效,以及有多少其他浏览器支持这个?

我将补充一点,我正在构建的这个网站是供个人使用的,因此不打算跨浏览器兼容,但这将是一个很好的副作用.

Yi *_*ang 5

hidden是HTML5中引入的新全局属性.这意味着在现代浏览器中浏览器支持应该相当不错,尽管在IE8和IE9中都不支持它.另外,您对该hidden属性的使用可能不正确.

Boolean属性表示该元素尚未或不再相关.例如,它可用于隐藏在登录过程完成之前无法使用的页面元素.浏览器不会呈现此类元素.

您的登录表单不是不再相关的页面的一部分,而是作为演示文稿的一部分隐藏.因此,您应该使用CSS代替.有关更多信息,请参阅: