通过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 disappearI am working in ABC company.</p>任何人都可以帮我如何编写javascript函数？谢谢。

Answer 1

你可以用这个：

var element = document.getElementById('txt');var text = element.innerText || element.textContent;element.innerHTML = text;

根据您的需要，您可以使用element.innerText或element.textContent。它们在很多方面有所不同。innerText尝试估计如果你选择你所看到的（渲染的html）并将其复制到剪贴板会发生什么，而textContent只是剥离html标签并给你剩下的东西。

innerText 也具有与旧IE浏览器的兼容性（来自那里）。

Answer 2

如果你可以使用jquery那么简单

$("#txt").text()