§ ITPOW >> 文档 >> CSS

style.display 如何切换?

作者:vkvi 来源:ITPOW(原创) 日期:2013-2-1

最开始我们用 CSS 和 JavaScript 一般用来做特效,而现在随着 Web 应用程序的发展,更多的用来做功能性的东西,所以之前我们的 style.display 一般是用在 none 和 block 之间,而现在除了 none、block 还有 inline,以及众多 IE 6 不支持的其他属性值。

不显示只有一种属性值 none,

显示有多种:block 表示像 div 默认那样占一行显示;inline 表示像 span 默认那样流式布局显示,还有表格方面的(IE 6 不支持)。

显然,要在显示之间切换的话,就得设置 none 与其中一种显示值,用哪种显示值呢?其实,直接用空格就好,用空格就表示回到默认值了。

但是要注意:将 e.style.display 设置为 "" 等效于不在标签中通过 style 属性设置 display,也就是说,如果在 CSS 中设置了 display,CSS 中的 display 将生效。

相关文章