Javascript和CSS表格标题颜色

Question

我有一个Javascript函数，当它返回一个特定的值我想改变各种表头的颜色使用他们的ID。

如何在JavaScript中更改表头的颜色我知道如何在CSS中，或者我应该有条件地调用CSS来做到这一点？

感谢， 范

Answer 1

在JavaScript中，你会想改变问题的表头的类名。

这样你就可以将你的风格保留在你的CSS中，并简单地在头上换出类名，从而改变风格。

我建议使用jQuery Javascript framework让你的生活变得容易很多，并且使用它的addClass()方法。

Answer 2

使用CSS样式表中定义的另一个类更改元素类。

Answer 3

document.getElementById('headerID').style.color = '#{color}'; 

看到这个小提琴：http://jsfiddle.net/maniator/55Z8K/

Answer 4

您可以轻松地操纵CSS的Javascript。例如，该jQuery的代码片段将更改元素的背景颜色，当条件“X”是真实的：

if(x) $('#test').css('background-color', 'green'); 

...这是非常简单的过程：它会是更好的选择相关元素的类更改为否则，并在CSS中定义各种类样式。

Answer 5

根据函数的返回值，您可以从元素中添加/删除类，使其颜色发生变化。

document.getElementById('FOO').className += 'new-class' 

或者，您可以通过以下方式

document.getElementById('FOO').style = { color: '#FFF', backgroundColor: '#000' }; 

参考This reference上的样式选项JavaScript的名称更改元素的风格在JavaScript中。