Javascript:在存在其他嵌套标签的范围内获取纯文本

Question

只是为了让你们注意，当然我首先阅读了这个: Javascript get text inside a <span> element

但是，我的情况并没有那么简单，更不用说因为我需要在没有 jQuery 的情况下在 native 执行此操作。

假设我们在任意网页上有这个:

<span id="entry1" class="entries">
<a href="http://whereyourpicis.at/pic.jpg" style="float: right; margin-left: 1em;"><img src="http://whereyourpicis.at/pic.jpg" border="0"></a>
++ This is the plain text we want to get from the SPAN block. ++
<span id="nested2"><a onclick="doSomething()">Action!</a></span>
</span>

我已经尝试过任何可以想象到的方法，但我不能说我尝试过的任何“解决方案”都是好的，因为这感觉就像是将 整个 innerHTML 然后做一些 sed 风格的正则表达式魔术。

必须有一种更优雅的方法来实现这一点，这就是我在这里问的原因。

顺便说一句，我还发现即使是 nextSibling() 也不能在这里工作。

Answer 1

我不确定这是否是您所需要的，因为您没有在示例代码中指定确切输出所需的内容。

如果需要字面意思Strip HTML from Text JavaScript你可以使用这样的函数:

function strip(html)
{
   var tmp = document.createElement("DIV");
   tmp.innerHTML = html;
   return tmp.textContent || tmp.innerText || "";
}

请检查:http://jsfiddle.net/shershen08/7fFWn/3/