Javascript不会覆盖CSS显示属性

Question

我有一个设置的DIV显示:没有来自CSS,它应该style.display = '';在某个时候通过javascript 变为可见().

问题是,如果我把display:noneCSS文件中的javascript似乎没有任何影响.我也试过改变背景颜色而不是显示属性,这是有效的.

我在这里运行代码(只需按编辑链接).

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

Answer 1

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

您应该将其设置为display您需要的任何内容：

style.display = 'block';

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

Answer 2

将其设置为block或inline使用Javascript.

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

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