Question

我了解到，有一些方法可以改变单个文本的颜色。但是我想知道如何一次更改我网站所有文本的颜色。

我找到了document.body.style.backgroundColor = "black";函数，并希望字体会有类似的东西。

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

Answer 1

如果您真的想要使用Javascript更改网页上所有文字的颜色，那么我会使用以下代码

var all = document.getElementsByTagName("*");

for (var i=0, max=all.length; i < max; i++) {
 all[i].style.color = "red";
}

<div>This is text that will change colors!</div>
<div id="SomethingOtherAnswersWontChange"><span style="color:green;">Other answers will leave this text green.</span></div>

这不是最佳选择，但它非常强大。此代码将更改每个元素的字体/文本颜色。它通过循环遍历网页中的每个元素并修改元素的样式来应用CSS属性“color：red;”。

重要的是要记住，对于非常大的网页，此方法可能有点慢，但应该完成工作。

注意：我不是百分百确定，但a:hover这样的间接CSS类可能不受此影响。

Answer 2

使用CSS color property：

<强> CSS

* {
   color:  [color-value];
}

这将使用通用（*）选择器更改所有元素的字体颜色。如有必要，您可能需要使用!important declaration（不推荐，但有用：请参阅链接）来覆盖其他样式。

<强>的JavaScript

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

Answer 3

使用.color代替.backgroundColor。

document.body.style.color = "red";

<div>This is text that will change colors!</div>

正如上面的评论所述，你应该考虑使用这样的CSS：

body{
  color:red;  
}

<div>This is text that will change colors!</div>

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

3 个答案: