在 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>

  <tr class="MessageContent">

    <td colspan=3>

      data

    </td>

  </tr>

</table>

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

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