在 tr 中找到 td 的方法。 （Javascript）

Question

我正在为具有下表的页面更新 chrome 扩展。

<tr class="MessageContent">
  <td colspan=3>
    data
  </td>
</tr>

我正在尝试更改第二个表格的颜色。

我可以访问第一个表，但需要以某种方式选择第二个表。

document.getElementsByClassName("MessageContent")[0]; // First table

我尝试过的一切都没有奏效。

Answer 1

改用querySelector来选择<tr class="MessageContent">的第一个<td> <tr class="MessageContent"> ：

 document.querySelector('tr.MessageContent > td').style.backgroundColor = 'yellow';

 <table> <tr class="MessageContent"> <td colspan=3> data </td> </tr> </table>

如果您需要更具体并且确定 td 始终具有colspan=3 ，那么

document.querySelector('tr.MessageContent > td[colspan="3"]');