将所有身体元素的颜色更改为目标值

Question

如何在javascript中单击更改所有身体元素的颜色。等;

a.url{
color:#000;
}
div.sample{
color:#000;
}
table td.sample{
color:#000;
}

我可以将元素的所有颜色属性更改为#CCCCCC吗？

我想我必须澄清我的问题。我不想将所有元素颜色更改为目标值，我想改变让我们说;所有蓝色到黑色。只是蓝色，而不是全部。

Answer 1

你可以使用：

HTML：

<button id="changeColor">Change Color</button>

和javascript：

$('#changeColor').on('click', function(){
    $('*').css('color', '#CCCCCC');
}

Answer 2

使用jQuery：

$element.click(function() {
  $('body *').css('color', '#ccc !important');
});

Answer 3

有关如何添加样式表规则的信息，请参阅此答案：How do you add CSS with Javascript?

添加规则

* {
  color: #CCC !important;
}

或可能：

body * {
  color: #CCC !important;
}