テーブルのセルのclassを切り替える事は可能でしょうか？

解決済

質問者：php4
質問日時：2008/02/23 17:40
回答数：1件

どうもFireFoxでは、SelectBoxの色が選択されている色にできないので
SelectBoxを切り替えた際にテーブルの背景を変えようと思うのですが、
テーブルのセルのclassをJavascriptで切替可能でしょうか？

下記のソース(開始終了タグは投稿上省略してます）ではNGでした・・

■css
.red{ background-color:red; }
■Javascript
function a(){
if(document.getElementById('used_status'+n).value){
document.getElementById('test').class = "red";
}
}
■HTML
<td id="test">
背景に色を付けたいです
</td>
<select onChange="a()">
<option value=1>あたり</option>
<option value=0>はずれ</option>
</select>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： arexis
回答日時：2008/02/23 18:56

新規HTMLで試してください。

<html>
<body>

<style type="text/css">
.red { background-color:red; }
.white { background-color:white; }
</style>
<script>
function a(v){
if(v == 1){
document.getElementById('test').className = "red";
document.getElementById('sel').className = "red";
}else{
document.getElementById('test').className = "white";
document.getElementById('sel').className = "white";
}
}
</script>
<table><tr><td id="test">背景に色を付けたいです</td></tr></table>
<select id="sel" onChange="a(this.value)">
<option value="1">あたり</option>
<option value="0">はずれ</option>
</select>

</body>
</html>

クラス変更で指定するのは className です。
何かしらのヒントになるでしょうか？