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

Question

我正在为一个页面的 chrome 扩展程序进行更新，其中我有下表。

<tr class="MessageContent">

  <td colspan=3>

    data

  </td>

</tr>

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

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

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

我尝试过的任何方法都不起作用。

Answer 1

而是使用querySelector选择<td>a 中的第一个<tr class="MessageContent">：document.querySelector('tr.MessageContent > td').style.backgroundColor = 'yellow';<table>&nbsp; <tr class="MessageContent">&nbsp; &nbsp; <td colspan=3>&nbsp; &nbsp; &nbsp; data&nbsp; &nbsp; </td>&nbsp; </tr></table>如果您需要更具体并且确定 td 始终具有colspan=3，那么document.querySelector('tr.MessageContent&nbsp;>&nbsp;td[colspan="3"]');