Javascript不会覆盖CSS显示属性

时间:2011-01-01 23:33:08

标签: javascript css

我有一个设置的DIV显示:来自CSS的无,并且它应该在某个时候通过javascript显示(style.display = '';)。

问题在于,如果我将display:none放在CSS文件中,那么javascript似乎没有任何效果。我也尝试过更改背景颜色而不是显示属性,这样就可以了。

我的代码正在运行here(只需按编辑链接)。

我真的很感谢你花时间研究这个问题。

3 个答案:

答案 0 :(得分:5)

使用Javascript将其设置为blockinline

编写style.display = ""将清除内联样式中的任何display集,并使其恢复为从CSS继承的任何内容。

或者,您可以使用Javascript更改元素的className,以便CSS规则不再适用。

答案 1 :(得分:4)

这是因为style.display = ''仅影响元素的内联样式。它不会改变样式表。

您应该将其设置为您需要的display

style.display = 'block';

或添加一个代表您想要的样式的类。

答案 2 :(得分:0)

隐藏内容的其他方式是使用opacity=0并再次使visible使用opacity=1就可以了...... !!!