javascript - 如何从 PrototypeJS 中的元素获取纯文本？

Question

如何从元素中获取纯文本？

<div id="summary_header">
    <span class="heading" style="margin-left: 210px;">This is first line</span><br/>
    <span style="margin-left: 260px;"><b> You are in second line</b></span><br/>
</div>

从这个div标签中获取纯文本的方法是什么？我想得到纯文本“这是第一行，你在第二行”。

$('summary_header').textContent 给出空格。

Answer 1

如果你需要一个方法，没问题。这就是 javascript 的美妙之处，它是原型(prototype)继承。

Prototype.js 允许您使用新方法扩展 Element 对象。只需将其添加到您的脚本中:

Element.addMethods({
    getText: function(element) {
        element = $(element);
        return element.innerHTML.strip().stripTags().replace(/\n/g,' ').replace(/\s+/g,' ');
    }
});

这与@koko 提出的几乎相同，但我建议将每个新行字符 \n 更改为一个空格而不是删除它们，并将任意数量的连续的带空格字符更改为单个空间。这与浏览器的行为类似。

当你在你的脚本中，在 prototype.js 加载之后，你可以使用新的方法来获取纯文本:

var plainText = $('summary_header').getText();