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

我有这种Html，我想得到第一个

类，我该怎么做

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

---

但是我不知道我应该如何导航到td值。

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

我的班级
值1
值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>

我的班级
值1
值1
document.querySelector（“.className+table td”）
？这是您的JS
wdocument
中的一个输入错误，您有两个结束div标记。请修复您的示例。类是一个保留关键字…@Bergi感谢bu有一个问题我需要指定类的索引，因为在页面上有几个具有该名称的类，cna我如何使用querySelector？因此类一点都不重要，您只需要在特定元素之后获取下一个
（在被索引等选择之前）。
document.querySelector（“.className+table td”）
？这是您的JS
wdocument中的一个输入错误，您有两个结束div标记。请修复您的示例。类是一个保留关键字…@Bergi谢谢，但有一个问题我需要指定类的索引，因为页面上有几个类具有该名称，cna我如何使用querySelector执行此操作？因此类一点都不重要，你只想在一个特定的元素（在被索引等选择之前）之后得到下一个
。我需要这样的东西
var c=window.document.queryselectoral（“className”）[4]。innerHTML；
但是也要得到td为什么不
var td=window.document.queryselectoral（“td”）[0].innerHTML
？在这种情况下，您可以链接查询选择器：
window.document.querySelector（“.className”）.querySelector（“td”）.innerHTML
。我需要这样的内容：
var-officers=window.document.querySelectorAll（'.LeftHeaderRed'）[4]。查询选择器（“td”）.innerHTML；
但当我使用第二个querySelectorIt可能是javascript的问题，也可能是html结构的问题。我建议将其逐个分解，看看缺少什么。从
var officers=window.document.querySelectorAll（'.leftHeadered'）[4]开始
，然后添加
querySelector（“td”）
，最后添加
innerHTML
。我需要这样的东西
var c=window.document.queryselectoral（“className”）[4]。innerHTML；
但是也要获取td为什么不
var td=window.document.queryselectoral（“td”）[0].innerHTML
？在这种情况下，您可以链接查询选择器：
window.document.querySelector（“.className”）.querySelector（“td”）.innerHTML
。我需要这样的内容：
var-officers=window.document.querySelectorAll（'.LeftHeaderRed'）[4]。查询选择器（“td”）.innerHTML；
但当我使用第二个querySelectorIt可能是javascript的问题，也可能是html结构的问题。我建议将其逐个分解，看看缺少什么。从
var officers=window.document.querySelectorAll（'.leftHeadered'）[4]开始
，然后添加
querySelector（“td”）
，最后添加
innerHTML
。