如何在javascript中从div中提取文本而不从子div中提取？答案

【问题标题】：How to extract text from div in javascript without extracting from children divs?如何在javascript中从div中提取文本而不从子div中提取？
【发布时间】：2016-07-19 17:20:27
【问题描述】：

假设我有以下 html：

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

</div>

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

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

【问题讨论】：

获取innerhtml，然后剪掉
....
部分，只是一个建议

标签： javascript

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

见以下代码：

$(document).ready(function(){
  alert($(".targetDiv")
    .clone()
    .children()
    .remove()
    .end()
    .text());
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="targetDiv">
    Target text
    <div class="junkDiv">
          Text I don't want
    </div>

</div>

【讨论】：

【解决方案4】：

你可以参考这个link1，link2

$("#foo")
.clone()    //clone the element
.children() //select all the children
.remove()   //remove all the children
.end()  //again go back to selected element
.text();

【讨论】：

【解决方案5】：

你可以替换目标文本由

目标文本

并在您的代码中调用 getElementById("MyText")

【讨论】：

【解决方案6】：

试试document.getElementsByClassName("targetDiv")[x].textContent

【讨论】：