javascript - 如何将 JavaScript 数组绑定(bind)到动态 HTML 表？

Question

我想在下面使用 javascript 创建的表中添加所有文本框的值，操作列还应该包含两个按钮作为编辑和删除，用于更新和删除文本框的值。

我创建了一个数组来保存文本框的值。 现在单击保存按钮，我想使用 Javascript(不是 angularJS 或 jQuery)将这些值添加到动态 HTML 表中。 {

    var id = document.getElementById("id").value;
    var name = document.getElementById("name").value;
    var gender = document.getElementById("gender").value;
    var address = document.getElementById("address").value;
    var email = document.getElementById("email").value;

Answer 1

试试这个:

function save() {
    var id = document.getElementById("id").value;
    var name = document.getElementById("name").value;
    var gender = document.getElementById("gender").value;
    var address = document.getElementById("address").value;
    var email = document.getElementById("email").value;
    var table = document.getElementById('table');
    var tr = document.createElement('tr');
    tr.innerHTML = '<td>' + [id,name,gender,adress,email,"save"].join('</td><td>') + '</td>';
    table.appendChild(tr);
}