クリック時、テーブルの行全体を色づけするには？

質問

テーブル上でクリックされたら、その行全体を色づけするようにしています。
一見問題なく動作するのですが、ボタンやアンカーなどが含まれたセルがあると、そこだけ色付けができません。
そのセルを一度もクリックしない間は良いのですが、一度でもクリックすると、その後は色づけされません。
セルの中身に関わらず、選択行全体が色づけできるようにするには、どうすればよいでしょうか？
IE6での現象です。
ご回答よろしくお願いします。

【HTML部分】

<table>
<tr onclick="rowsSelect()">
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td><input type="button" value="子画面" onclick="window.open();"></td>
</tr>
<tr onclick="rowsSelect()">
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td><input type="button" value="子画面" onclick="window.open();"></td>
</tr>
<tr onclick="rowsSelect()">
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td><input type="button" value="子画面" onclick="window.open();"></td>
</tr>
</table>

【JavaScript部分】

var selRow;
function rowsSelect() {

var r = event.srcElement.parentElement;
if(selRow!=null){
selRow.style.backgroundColor="#FFFFFF";
}
selRow=r;
r.style.backgroundColor="#FFDAB3";
}

回答No.1

BLUEPIXY · ベストアンサー

なんかどっかでみたような・
それぞれの
<tr onclick="rowsSelect()">
を
<tr onclick="rowsSelect(this)">
にして
function rowsSelect() {
var r = event.srcElement.parentElement;
を
function rowsSelect(r) {
//var r = event.srcElement.parentElement;
に変更して下さい。

補足

おはようございます。
そうです、BLUEPIXYさまは見覚えがあるはず・・・笑
以前、ご回答頂いた質問に関連しています。
http://okwave.jp/kotaeru.php3?q=1747833

今回、JavaScriptによってテーブルの行が追加されるので、関数にパラメータは使いたくなかったのですが、以前教わったようにすれば（evalを使って関数を実行する方法）、大丈夫ですね。

この度もどうもありがとうございました！