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中。