JS - 无法更改颜色，但可以更改显示属性

JS - can't change color but can change display property

本文关键字：但可以显示属性颜色 JS 更新时间：2023-09-26

不知道为什么这不起作用。这是呈现的 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"

有什么想法吗？

所以，你在那里的javascript很好（至少对于chrome控制台，并且在网站上，提供jquery包含在内）

我的猜测是，也许有什么东西覆盖了您页面上的样式，也许是用!important指令。

是否：$('#step-3-question')[0].style.color = "#000000 !important"有效？

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

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

首先在字体上应用样式，如白色

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

在黑色等字体上应用样式，因此没有更改，代码工作正常。