JavascriptとCSSテーブルのヘッダーの色

Question

これは特定の値を返すときに私はJavascript関数を持っています。私はidを使ってさまざまなテーブルのヘッダーの色を変更したいと思います。

JavaScriptでテーブルヘッダーの色を変更するにはどうすればよいですか？私はCSSでどのように知っていますか、何とか条件付きでこれを行うにはどうしたらいいですか？

おかげで、あなたのJavaScriptで ヴァン

Answer 1

あなたは、問題のテーブルヘッダのクラス名を変更したいと思います。

このようにすると、スタイルを変更してヘッダーのクラス名を切り替えるだけで、スタイルを変更できます。

jQuery Javascript frameworkを使用して、あなたの人生をもっと簡単にし、そのaddClass()メソッドを使用することをお勧めします。

Answer 2

要素クラスをCSSスタイルシートで定義されている別のクラスに変更します。

Answer 3

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

このフィドルを参照してください：http://jsfiddle.net/maniator/55Z8K/

Answer 4

あなたは簡単にJavaScriptでCSSを操作することができます。それはもちろん、非常に単純です...

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

：たとえば、このjQueryのスニペットは、条件「x」は真である要素の背景色を変更することが何かに関連する要素のクラスを変更することがはるかに良いだろうそうでない場合は、CSSでさまざまなクラススタイルを定義します。

Answer 5

関数の戻り値に基づいて、要素からクラスを追加/削除して色を変更することができます。

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

また、あなたは

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

はスタイルオプションのJavaScriptの名にThis referenceを参照してください、次のようにJavaScriptで要素のスタイルを変更することができます。