时间戳

首页 > 解决方案 > 在 tr 中找到 td 的方法。(Javascript)

javascript - 在 tr 中找到 td 的方法。(Javascript)

问题描述

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

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

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

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

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

我试过的都没有用。

标签： javascripthtml

解决方案

改为使用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"]');

推荐阅读