テーブルの背景色を複数変更する

解決済

質問者：moon_night
質問日時：2004/10/12 12:43
回答数：1件

テーブルにて、onMouseOverで背景色を変え、
onMouseOut にて背景色を戻すスクリプトを作っています。

セル一つならば変更できますが、複数のセルに依存関係があり、依存関係があるセル同士はそのセルにマウスオーバーされると依存関係があるセル全ての色を変更したいと思っています。
いろいろと探しているのですが、見つかりません。
以下のようなサンプルで 1 と 4 が一緒に変更できないものでしょうか。

よろしくお願いします。

<html>
<head>
<title>テーブルの色を変える</title>

<script language="JavaScript">

</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>

通報する

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

質問の本文を隠す

回答 (1件)

No.1ベストアンサー

回答者： sakyo-t
回答日時：2004/10/12 15:00

function b_color(idname,cn)

{
if (document.getElementById)
{
for ( i=0 ; i < document.all.item(idname).length ; i++ ) {
document.all.item(idname, i).style.backgroundColor = cn;
}
} else {
}
}

こんな感じでいいんじゃないですか？
idがページ上に複数あるときは参照方法が(id,n)となります。

参考URL：http://tohoho.wakusei.ne.jp/js/element.htm#Element