ベストアンサー

マウスクリックするたびにテーブルの行全体の背景を着色/着色解除

2009/07/05 19:51

1行目をクリックすると行全体（「1」か「あああ」か「東京」のセル）が黄緑に着色され、もう１回クリックすと着色が解除されるようにするにはどうしたらいいでしょうか？ <table> <tr> <td>1</td> <td>あああ</td> <td>東京</td> </tr> <tr> <td>2</td> <td>いいい</td> <td>神奈川</td> </tr> <tr> <td>3</td> <td>ううう</td> <td>千葉</td> </tr> </table>

litton101
お礼率89% (1106/1240)

JavaScript
回答数1
ありがとう数2

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

babu_baboo
ベストアンサー率51% (268/525)

2009/07/05 20:14 回答No.1

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <title>クリックしたTDの背景を塗りつぶす</title> <style type="text/css"> .kimidori { background-color:#cf0; } </style> <table summary="実験用の表です"> <tr><td>1</td><td>あああ</td><td>東京</td></tr> <tr><td>2</td><td>いいい</td><td>神奈川</td></tr> <tr><td>3</td><td>ううう</td><td>千葉</td></tr> </table> <script type="text/javascript"> document.onclick = function (evt) { var e = evt ? evt.target: event.srcElement,c = 0, cols, o; if (/TD|TH/.test(e.nodeName)) while (o = e.parentNode.cells[c++]) o.className = o.className ? '': 'kimidori'; } </script>

質問者