javascript - 如何在表格末尾保留一个按钮

Question

我试图将按钮附加在表格的末尾。

目前，只要我不点击最后一个 <tr 的 'X'，它就可以很好地工作。 > :这里是JSFiddle

这是添加按钮的函数:

function del() {

    var last_tr = document.getElementsByTagName("tbody")[0].lastChild;

    if (last_tr.lastChild.children.length != 1) {
        var t = document.createElement("td");
        t.innerHTML = "<button onclick=\"addElements(); this.remove(this);\">+</button>";
        last_tr.appendChild(t)
    }
}

猜猜我做错了什么？

Answer 1

您可以使用以下 CSS 隐藏它并仅显示最后一行按钮，而不是删除该按钮:

tr:last-child button{
 display:inline !important;
}

在JS中，修改以下内容

this.remove(this);

到

this.style.display='none';

您还可以避免不必要的 DOM 操作。

(如果只有一行，它也将是最后一个 child )

Demo