如何使用Javascript更改网站所有文本的字体颜色?

如何使用Javascript更改网站所有文本的字体颜色?,javascript,html,Javascript,Html,我了解到,有很多方法可以改变单个文本的颜色。然而,我想知道如何改变我的网站的所有文本的颜色在同一时间 我找到了document.body.style.backgroundColor=“black”函数,并希望有类似的字体 编辑:对不起。我想我误导了一些人。我当然知道CSS是什么。。。我想找到一种在使用网站时改变颜色的方法。因此,我想找到一种通过JavaScript更改CSS属性的方法。使用.color而不是使用.backgroundColor document.body.style.color

我了解到,有很多方法可以改变单个文本的颜色。然而,我想知道如何改变我的网站的所有文本的颜色在同一时间


我找到了
document.body.style.backgroundColor=“black”函数,并希望有类似的字体


编辑:对不起。我想我误导了一些人。我当然知道CSS是什么。。。我想找到一种在使用网站时改变颜色的方法。因此,我想找到一种通过JavaScript更改CSS属性的方法。

使用
.color
而不是使用
.backgroundColor

document.body.style.color=“红色”
这是将改变颜色的文本使用以下命令:

CSS

* {
   color:  [color-value];
}
这将使用通用(
*
)选择器更改所有元素的字体颜色。如有必要,可能需要使用(不推荐,但有用:请参见链接)替代其他样式

JavaScript

document.body.style.color = [color-value];

如果您确实想使用Javascript更改网页上所有文本的颜色,那么我将使用以下代码

var all=document.getElementsByTagName(“*”);
对于(变量i=0,max=all.length;i
这是将改变颜色的文本!

其他答案会将此文本保留为绿色。
您需要了解在
css
文件中更改此文本,而不是使用javascript。您是否能够更改
css
文件?
document.body.style.backgroundColor=“black”还仅更改单个元素的背景色。如果所有其他元素都是透明的,那么看起来好像您更改了所有元素的背景。字体也是一样,尽管没有任何元素有自己的字体颜色设置的可能性很小。@NTL,它可能是一个外部运行的脚本(比如在GreaseMonkey/TamperMonkey中运行的用户脚本)。哦,你正在改变的是一个CSS属性(顺便说一句,它不是一个函数)。您可以尝试
document.body.style.color=“black”,但这可能会被子元素/子节点的特定CSS属性覆盖。非常不具体的选择器,因此CSS中任何其他提及颜色的内容都可能会推翻此规则。与OP给出的示例类似,但该示例存在,原因是缺乏理解。这不太可能也适用于字体,因为某些元素,尤其是链接,在浏览器样式表中已经有自定义颜色,并且可能不受此代码的影响。@GolezTrol,正是我在对OP问题的评论中提到的问题。很高兴看到有人想到这一点。如果为子元素指定了颜色,那么您的方法将失败。您的方法仅适用于主体中没有指定颜色的单独样式的元素。例如,尝试将其添加到答案的代码中:
此文本将显示为绿色,尽管代码试图将其变为红色。
突然,您的代码将无法更改所有文本/字体颜色。注意:确认:
a:hover
未通过此方法找到。没有合适的方法从JavaScript设置它。您可以使用技巧by来更改颜色,但您会再次遇到必须使选择器足够具体的问题,您可以使用@LambdaNinja添加
的解决方案来解决这个问题!重要信息
。因此,您的答案结合起来应该会得到相当高的覆盖率