我如何使用js添加一个按钮到td

How do I add a button to a td using js?

本文关键字：一个 按钮 td 何使用 js 添加      更新时间：2023-09-26

我有一个动态生成的表，因为它正在生成TD，所以我想将第一个TD设置为按钮。下面是我的代码，显然不起作用。我记得从另一个问题，我有，我们可以改变一个div的内容使用。html()，但这并不工作在这里。

代码:

    var table = document.getElementById("userinfo");
    var thead, tr, td;
    table.appendChild(thead = document.createElement("thead"));
    thead.appendChild(tr = document.createElement("tr"));
    tr.appendChild(td = document.createElement("td"));
    td.innerHTML = "Email";
    tr.appendChild(td = document.createElement("td"));
    td.innerHTML = "First Name";
    tr.appendChild(td = document.createElement("td"));
    td.innerHTML = "Last Name";
    tr.appendChild(td = document.createElement("td"));
    td.innerHTML = "Is Active?";
    for (var i in data)
    {
        tr = document.createElement("tr");
        tr.setAttribute("id", "row" + i);
        if (i%2 == 0)
        {
            tr.setAttribute("style", "background:white");
        }
        var entry = data[i];
        console.log(entry);
        table.appendChild(tr);
        tr.appendChild(td = document.createElement("td"));
        td.setAttribute("html", "<input type='"button'" class='"btn'" value=''" + entry.email + "'" onclick='"" + chooseUser(entry) + "'"/>");
        tr.appendChild(td = document.createElement("td"));
        td.innerHTML = entry.first_name;
        tr.appendChild(td = document.createElement("td"));
        td.innerHTML = entry.last_name;
        tr.appendChild(td = document.createElement("td"));
        td.innerHTML = entry.isActive;
    }

您可以使用td.innerHTML = '<input type="button"...';，也可以使用"正确"的方式:

var btn = document.createElement('input');
btn.type = "button";
btn.className = "btn";
btn.value = entry.email;
btn.onclick = (function(entry) {return function() {chooseUser(entry);}})(entry);
td.appendChild(btn);

这对我很有用。

 var row = {};
     var myTable = document.querySelector("table#tableProducts>tbody");
     row = myTable.insertRow();
     row.insertCell(-1).textContent = "dummy";
     var lastRow = row;
     var lastCell = lastRow.cells[lastRow.cells.length - 1];
     lastCell.innerHTML = "<button id='btnEdit';>Editar</button>";
相关文章：