- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：テーブルのセルのclassを切り替える事は可能でしょうか？）
テーブルのセルのclassを切り替える方法は？
このQ&Aのポイント
- FireFoxでは、SelectBoxの色が選択されている色にできないため、テーブルの背景色を変えるためにはJavaScriptでセルのclassを切り替える必要があります。
- 以下のソースコードでは、テーブルのセルに背景色を付けるために'red'というclassを使用しています。
- JavaScriptの関数a()内で、SelectBoxの値を取得し、条件に応じてセルのclassを切り替えることができます。
- php4
- お礼率42% (373/888)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
新規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 です。 何かしらのヒントになるでしょうか？
お礼
教えていただいた、classNameで実現できました。 ありがとうございました。