通过javascript获取没有HTML元素的纯文本？

Question

通过javascript获取没有HTML元素的纯文本？

我在我的HTML中有1个按钮和一些文本，如下所示：

function get_content(){

   // I don't know how to do in here!!!

}

<input type="button" onclick="get_content()" value="Get Content"/>

<p id='txt'>

<span class="A">I am</span>

<span class="B">working in </span>

<span class="C">ABC company.</span>

</p>

当用户单击该按钮时，该内容<p id='txt'>将成为以下内容

预期结果：

<p id='txt'>

// All the HTML element within the <p> will be disappear

I am working in ABC company.

</p>

任何人都可以帮我如何编写javascript函数？谢谢。

Answer 1

你可以用这个：var&nbsp;element&nbsp;=&nbsp;document.getElementById('txt');var&nbsp;text&nbsp;=&nbsp;element.innerText&nbsp;||&nbsp;element.textContent;element.innerHTML&nbsp;=&nbsp;text;根据您的需要，您可以使用element.innerText或element.textContent。它们在很多方面有所不同。innerText尝试估计如果你选择你所看到的（渲染的html）并将其复制到剪贴板会发生什么，而textContent只是剥离html标签并给你剩下的东西。innerText&nbsp;也具有与旧IE浏览器的兼容性（来自那里）。

Answer 2

如果你可以使用jquery那么简单$("#txt").text()