Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 韩元';不覆盖CSS显示属性_Javascript_Css - Fatal编程技术网

Javascript 韩元';不覆盖CSS显示属性

Javascript 韩元';不覆盖CSS显示属性,javascript,css,Javascript,Css,我有一个DIV,它被设置为do display:none来自CSS,并且它应该在某个时候通过javascript使其可见(style.display='';) 问题是,如果我将display:none放在CSS文件中,javascript似乎没有任何效果。我也尝试过改变背景颜色而不是显示属性,这很有效 我正在运行代码(只需按编辑链接) 非常感谢您抽出时间来研究这一点。这是因为style.display=''只影响元素上的内联样式。它不会更改样式表 您应该将其设置为所需的任何显示: style.d

我有一个DIV,它被设置为do display:none来自CSS,并且它应该在某个时候通过javascript使其可见(
style.display='';

问题是,如果我将
display:none
放在CSS文件中,javascript似乎没有任何效果。我也尝试过改变背景颜色而不是显示属性,这很有效

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


非常感谢您抽出时间来研究这一点。

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

您应该将其设置为所需的任何
显示

style.display = 'block';

或者添加一个表示所需样式的类。

使用Javascript将其设置为
block
inline

写入
style.display=”“
将清除内联样式中设置的任何
display
,并使其恢复到从CSS继承的任何样式


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

隐藏内容的另一种方法是使用
opacity=0
并再次使
可见
使用
opacity=1
就是这样

帕特里克,非常感谢你的回答!非常感谢:)。