文本区域，删除最后一段
我想从文本区域中删除最后一段，但我的脚本只能运行一次 - 有没有办法在每次单击按钮时删除最后一段？
<!DOCTYPE html>
<html>
<body>
<textarea id="V1" rows="17" cols="65">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque tincidunt scelerisque libero. Sed convallis magna eu sem. Pellentesque sapien.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
Integer imperdiet lectus quis justo. Et harum quidem rerum facilis est et expedita distinctio. Duis viverra diam non justo.
Aliquam erat volutpat. Aenean placerat. Nullam justo enim, consectetuer nec, ullamcorper ac, vestibulum in, elit. In convallis.</textarea>
<button onclick="remove()">Remove</button>
<script>
function remove() {
var elem = document.getElementById('V1'),
val = elem.value.split(/(?:\r\n|\r|\n)/g);
val.pop();
elem.value = val.join('\r\n') + ('\r\n');
}
</script>
</body>
</html>
蓝山帝景4回答
-
慕哥6287543
\r\n您最后要添加一个序列。后续调用只会删除该部分。如果你省略这个并修剪文本，它应该可以工作：<!DOCTYPE html><html><body><textarea id="V1" rows="17" cols="65">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque tincidunt scelerisque libero. Sed convallis magna eu sem. Pellentesque sapien. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Integer imperdiet lectus quis justo. Et harum quidem rerum facilis est et expedita distinctio. Duis viverra diam non justo. Aliquam erat volutpat. Aenean placerat. Nullam justo enim, consectetuer nec, ullamcorper ac, vestibulum in, elit. In convallis.</textarea><button onclick="remove()">Remove</button><script>function remove() { var elem = document.getElementById('V1'), val = elem.value.split(/(?:\r\n|\r|\n)/g); val.pop(); elem.value = val.join('\r\n').trim();}</script></body></html> -
慕桂英546537
这可以使用该方法来完成filter()。删除后，行之间的间距将保留。function remove() { var elem = document.getElementById('V1'), val = elem.value.split(/(?:\r\n|\r|\n)/g).filter(function(i){ return i; }); val.pop(); elem.value = val.join('\n\r');}<textarea id="V1" rows="17" cols="65">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque tincidunt scelerisque libero. Sed convallis magna eu sem. Pellentesque sapien. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Integer imperdiet lectus quis justo. Et harum quidem rerum facilis est et expedita distinctio. Duis viverra diam non justo. Aliquam erat volutpat. Aenean placerat. Nullam justo enim, consectetuer nec, ullamcorper ac, vestibulum in, elit. In convallis.</textarea><button onclick="remove()">Remove</button> -
MYYA
<!DOCTYPE html><html><body> <textarea id="V1" rows="17" cols="65">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque tincidunt scelerisque libero. Sed convallis magna eu sem. Pellentesque sapien.Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.Integer imperdiet lectus quis justo. Et harum quidem rerum facilis est et expedita distinctio. Duis viverra diam non justo. Aliquam erat volutpat. Aenean placerat. Nullam justo enim, consectetuer nec, ullamcorper ac, vestibulum in, elit. In convallis.</textarea> <button onclick="remove()">Remove</button> <script> function remove() { var elem = document.getElementById('V1'), val = elem.value.split("\n"); val.pop(); elem.value = val.join("\n"); } </script> </body></html> -
交互式爱情
您必须使用filter空字符串，因为pop要删除数组的最后一项，但有时您的最后一项是这样的：""为了实现这一点，我使用了双爆炸或!! 它根据值返回一个布尔值。因此，我添加了 +1\r\n以join保留空行。function remove() { var elem = document.getElementById('V1'); var val = elem.value.split(/(?:\r\n|\r|\n)/g).filter(paragraph => !!paragraph); val.pop(); elem.value = val.join('\r\n\r\n');}
随时随地看视频慕课网APP
相关分类
JavaScript