javascript - 使用jquery获取嵌套html标签中的文本

Question

我正在尝试打印具有列表的网站的前十个条目，并且我希望在控制台本身中得到结果。这是它使用的 HTML 结构

<div class=classname>
  <b>The text i want</b>
</div>

这是我尝试在控制台中运行的内容:

list = document.getElementsByClassName('classname')
for(var i=0;i<10;i++)
{
  console.log (list[i])
}

我不知道下一步该做什么。我对 javascript 相当陌生，因此我们将不胜感激。

Answer 1

您可以使用innerText属性来获取文本。

另外，使用list.length基于比较来运行 for 循环，而不是任意数字，例如 10 :for(var i=0;i<10;i++) .

list = document.getElementsByClassName('classname')
for(var i=0;i < list.length;i++)
{
  console.log(list[i].innerText);
}

<div class="classname">
  <b>The text i want</b>
</div>

请记住，与 textConten 不同, innerText不会显示屏幕上不可见的任何文本，或 <script> 内的文本标签。 See this有关差异的更多信息。