javascript - 关于从 DOM 对象 trim 大量文本的建议

Question

我在浏览器中做一些编辑，我在 <textarea> 中有一些大约 20k 个字符长的内容。

所以它看起来像:

<textarea>
Text 1
Text 2

Text 3
Text 4
[...]
Text 20,000
</textarea>

我想使用 jquery 在有人按下按钮进行砍伐时将其 trim 下来，但我在不使浏览器重载的情况下无法做到这一点。假设我知道字符数在 16,510 - 17,888 之间，我想做的是 trim 它。

我正在使用:

jQuery('#textsection').html(jQuery('textarea').html().substr(range.start));

但是当我这样做时，浏览器似乎很喜欢崩溃。替代方案？

编辑

评论中的解决方案:

 var removeTextNode = document.getElementById('textarea').firstChild;
 removeTextNode.splitText(indexOfCharacterToRemoveEverythingBefore);
 removeTextNode.parentNode.removeChild(removeTextNode);

Answer 1

不确定 jQuery，但使用普通的 Javascript，这可以通过使用 splitText() 来完成textNode 的方法目的。你的<pre>有一个 textNode包含其中所有文本的子项。 (您可以从 childNodes 集合中获取它。)在所需的索引处拆分它，然后使用 removeChild()删除不需要的部分。