javascript - 如果单击按钮，则为表行着色

Question

我希望在使用 JavaScript 单击时将表格中的整行变成红色。

我已经成功地使用下面的代码将单个单元格变成红色，但不是整个 tr。另外，一旦该行变成红色，我就无法将其变回白色。

var ie = document.all
var ns = document.getElementById && !ie
function rowclick(e) {
var obj = ns ? e.target : event.srcElement
if (obj.tagName=="TD") {
obj.style.background="red"
obj.onblur=function() {
obj.style.background="white"
}
}
} 

请注意，更改 if (obj.tagName=="TD") {至if (obj.tagName=="TR") {不起作用

Answer 1

function rowclick(e) {
  var obj = this
  if (obj.tagName == "TR") {
    if (obj.style.backgroundColor === "red")
        obj.style.backgroundColor = "white"
    else
        obj.style.backgroundColor = "red"
  }
}

$('table tr').click(rowclick)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div>
  <table>
    <tr><td>hello</td><td>world</td></tr>
    <tr><td>hello</td><td>world</td></tr>
    <tr><td>hello</td><td>world</td></tr>
  </table>
</div>

更新为切换背景颜色。