JS - 不能改变颜色但可以改变显示属性

时间:2014-12-29 04:52:49

标签: javascript

不确定为什么这不起作用。这是呈现的HTML:

<h2 id="step-3-question">...and for how much?</h2>

所以只是在控制台中,我正在运行:

$('#step-3-question')[0].style.display = "none"

哪个工作正常,所以找到了元素,但这些没有任何效果:

$('#step-3-question')[0].style.color = "white"
$('#step-3-question')[0].style.color = "#000000"

对于为什么有任何想法?

2 个答案:

答案 0 :(得分:1)

所以,你在那里的javascript很好(对于chrome控制台,至少,在网站上,提供jquery包括在内)

我的猜测可能就是在你的页面上覆盖样式,也许是用!important指令。

$('#step-3-question')[0].style.color = "#000000 !important"有效吗?

注意: 如果是这样,在js中使用!important将不是解决方案,最好找到有问题的css,然后将其删除。

答案 1 :(得分:0)

$('#step-3-question')[0].style.color = "white"

首先在

之后的白色字体上应用样式
$('#step-3-question')[0].style.color = "#000000"

在黑色字体上应用样式,所以也没有变化,代码工作正常。