※ ChatGPTを利用し、要約された質問です（原文：テーブルの背景色を複数変更する）
テーブルの背景色を複数変更する
このQ&Aのポイント
テーブルの背景色を複数変更する方法について調べています。
セル一つならば変更できますが、複数のセルに依存関係があり、依存関係があるセル同士はそのセルにマウスオーバーされると依存関係があるセル全ての色を変更したいと思っています。
いろいろと探していますが、まだ見つかっていません。
テーブルにて、onMouseOverで背景色を変え、
onMouseOut にて背景色を戻すスクリプトを作っています。
セル一つならば変更できますが、複数のセルに依存関係があり、依存関係があるセル同士はそのセルにマウスオーバーされると依存関係があるセル全ての色を変更したいと思っています。
いろいろと探しているのですが、見つかりません。
以下のようなサンプルで 1 と 4 が一緒に変更できないものでしょうか。
よろしくお願いします。
<html>
<head>
<title>テーブルの色を変える</title>
<script language="JavaScript">
<!--
// b_color(idname,cn);
// 背景色を変える
// idname: 色変更したいタグid；
// cn：色変更法
function b_color(idname,cn)
{
// alert(idname); // debug alert
if (document.getElementById)
{
document.getElementById(idname).style.backgroundColor = cn;
}else{
// alert("あなたのブラウザには対応しておりません。");
}
}
if (! document.getElementById)
{
document.write("あなたのブラウザには対応しておりません。マウスを動かしても色は変えられません。<br>");
// マウス移動でいちいちalertが出ると煩わしいので、最初に表示しておく
}
//-->
</script>
</head>
<body>
<table border="1">
<tr>
<td id="11" bgcolor="#cccccc" onMouseOver="b_color('11','#ff0000');" onMouseOut="b_color('11','#0000ff');">ここ１</td>
<td>ここ２</td>
</tr>
<tr>
<td>ここ３</td>
<td id="11" bgcolor="#cccccc" onMouseOver="b_color('11','#ff0000');" onMouseOut="b_color('11','#0000ff');">ここ４</td>
</tr>
</table>
</body>
</html>
お礼
仰るとおりにやったらできました。 ありがとうございました！