javascript - 删除文本区域中的一行

Question

因此，我得到了一个在只读文本区域中添加行的 javascript 函数，例如：如果我按下按钮启动我的函数，我的文本区域包含：

Line abcdef

如果我再次点击，我会得到：

Line abcdef
Line ghijkl

功能是：

function addLine() {
    document.getElementById('myTextArea').value +=
        'Line ' + document.getElementById('textinput').value + '\r\n';
}

但是现在我希望能够删除最新添加的行，以防用户犯了错误并想要更正它。

有没有办法做到这一点？

Answer 1

在换行符上拆分，并删除最后一个：

function removeLine(selector) {
    var elem = document.querySelector(selector),
        val  = elem.value.split(/(\r\n|\n|\r)/g).filter(function(n){
                  return n.trim()
               });
    val.pop();
    elem.value = val.join('\r\n') + '\r\n';
}
// i.e. removeLine('#myTextarea');

小提琴

Answer 2

这对你有用..

function removeLine()
{
    var removeval = document.getElementById('myTextArea').value;
    removeval = removeval.trim();
    var n = removeval.split("\n");
    delete n[(n.length)-1];
    var newval = n.join('\n');
    document.getElementById('myTextArea').value = newval;
}