- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：テーブルの背景を変える）
テーブルの背景色を変える方法
このQ&Aのポイント
- JavaScriptを使ってテーブルの背景色を変える方法について教えてください。
- 具体的には、テーブルの1段目と3段目のセルを赤色に、2段目と4段目のセルを青色に変えたいです。
- 奇数のセルが赤色、偶数のセルが青色になるようにしたいです。
- sankou
- お礼率4% (6/129)
- JavaScript
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
外部ファイル部分 --------------------------------------------------------------- function stripe(id){ var tb = document.getElementById(id); for(var r=0;r < tb.rows.length;r++){ if(r % 2 == 0){//r: ０始まり tb.rows[r].style.backgroundColor="red";//奇数行が赤 } else { tb.rows[r].style.backgroundColor="blue";//偶数行が青 } } } ---------------------------------------------------------------- このページでの処理するテーブルを指定しての呼出 <body onload="stripe('TABLE1')"> 処理テーブルにIDを振る <table border="1" id="TABLE1">
その他の回答 (1)
- BLUEPIXY
- ベストアンサー率50% (3003/5914)
回答No.2
#1補>可能なのでしょうか？ テーブルに行（列）を追加及び削除するのは、参考ＵＲＬのようなやり方できます（同じ人ですよね？） ＊ 補足のソースリストでは、参照と参加者名の元データになる部分がありません。
補足
大変ありがとうございます。とても参考になりました。ただ、もう一つ教えてもらえばと思います。外部ファイル(js)でお願いします。参照ボタンがあります。何のファイルでもいいですが選択して選びます。そうしますとテキストボックスの中にファイル名が入ります。OKボタンを押すと下にある参照、参照ファイル名、参加者名の下に上記で選択した内容が表示（アップロード）される。NOを押すと削除されると言うやり方は可能なのでしょうか？ <html> <head> <title>画面</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> </head> <body> <table border="1"> <col width="50"> <tr> <th> 参照 </th> <td > <input type="file" name="file"size="30"> </td> </tr> </table> <td><input type="button" value="OK"></td> <td><input type="button" value="NO"></td> <table border="1"> <col width="85"> <tr> <th>参照</th> <th>参照ファイル名</th> <th>参加者名</th> </tr> </table> </body> </html>