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

时间:2017-09-14 16:48:13

标签: javascript

我有这种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值。

1 个答案:

答案 0 :(得分:0)

如果你想坚持纯粹的香草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>