Javascript 更改表中特定行的css属性

我发布了一个简单的问题，但首先是代码：

HTML:

<table>
<tr>
  <td><input type="button" onclick="someFunc()" /> </td>
  <td> Person</td>
  <td> Salary </td>
</tr>
</table>

-为方便起见

我在桌子上只排了一行，但我的想法是：

从表单中提取随机数据并将其附加到表中，在每一新行中添加按钮以及“Person”和“Salary”下面的给定数据。当你点击按钮时，它应该改变背景颜色，或者它所在行的CSS属性。就像我按下第一行的按钮一样，只有第一行的背景颜色应该改变

---

编辑：我知道Jquery在这里更容易工作，但我需要一个javascript解决方案来学习，someFunc（）{}函数看起来像什么，比如说你的按钮id是bU，而你想要更改的td是#td

---

这是唯一一种有效的化学溶液

JQ一号完全不相关

 function someFunc(y) 
{
    y.parentElement.parentElement.className += "seen";
}

传递（this）作为onclick的参数，然后设置父对象的父对象的背景色样式

$("#bU").click(function(){
    $("#tD").css("background-color","watever color");
});

 function someFunc(y) 
{
    y.parentElement.parentElement.className += "seen";
}