在某些文本中更改文本颜色 onclick 不起作用

【问题标题】：Changing text color onclick doesn't work in some texts在某些文本中更改文本颜色 onclick 不起作用
【发布时间】：2019-02-25 07:56:43
【问题描述】：

我在我的网站中使用了以下代码：

<a href="#" 
onclick="javascript:document.body.style.backgroundColor='#000000'; 
document.body.style.backgroundImage='none'; 
document.body.style.color='#F8F8F8'; 
document.body.style.fontColor='#FFFFFF';"><img src="image.jpg"/></a>

当我单击图像时，网站的背景变为黑色，文本的颜色变为白色。问题是，有些文本没有改变。标题和菜单提醒不变。有什么想法吗？

Here you can check my blog 自己看看问题所在。

【问题讨论】：

标签： javascript button colors onclick textcolor

【解决方案1】：

问题是你在body中设置了de color，但是颜色没有变化的组件已经有颜色了，按照CSS逻辑，以较低者为准。所以你有两个选择，删除预先存在的颜色或更改 JS 以更改特定组件的颜色。

【讨论】：

感谢您的回答。我无法删除预先存在的颜色，否则文本会因为超链接而变为红色。有什么想法可以更改该特定组件的颜色吗？比如帖子标题的css代码是：h2.entry-title a{ color: #222222; }
我认为最好找到定义了字体颜色的组件并添加类，这样您就可以执行类似 document.getElementsByClassName('class') 的操作来获取所有组件并在循环改变颜色。我不知道这是否是最好的做法，但有可能。