如何从javascript中的div中提取文本而不从子div中提取？

Question

假设我有以下 html：

<div class="targetDiv">
    Target text
    <div class="junkDiv">
          Text I don't want
    </div

</div>

我知道我可以找到这样的 div 并通过执行递归地提取所有文本document.getElementsByClassName("thread")[x].innerText（其中 x 是我想要从中提取的 div 的索引）。这会给我“我不想要的目标文本”。

我的问题是如何提取“目标文本”而不​​提取“我不想要的文本”？

Answer 1

使用该childNodes财产。在您的情况下，childNodes[0]将包含文本元素。用于textContent获取文本元素的值：

document.getElementsByClassName('targetDiv')[0].childNodes[0].textContent;