如何在特定类之后获得第一个td标记innerText

Question

我有这种Html，我希望得到第一个<td>课程，我该怎么办？

<div class="className">My Class</div>
<table>
 <tbody>
  <tr>
    <td>Value 1</td>
    <td>Value 1</td>
 </tr>
 </tbody>
</table>
</div>

首先，我得到了班级

var Myclass = document.getElementsByClassName('className')[0];

然后我无法弄清楚我应该如何导航到td值。

Answer 1

如果你想坚持纯粹的香草js，最简单的答案可能是：

document.querySelector('.className td').innerHTML;

这假设您的HTML结构如下。它有点不清楚，因为你有两个结束div标签：

<div class="className">My Class
<table>
 <tbody>
  <tr>
    <td>Value 1</td>
    <td>Value 1</td>
 </tr>
 </tbody>
</table>
</div>