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

Question

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

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

我正在尝试更改第二张桌子的颜色。

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

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

我尝试过的没有效果。

Answer 1

改为使用querySelector，选择<td>中的第一个<tr class="MessageContent">：

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

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

      data

    </td>
  </tr>
</table>

如果需要更具体的说明并确保时标始终为colspan=3，则

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