使用javascript在td中创建按钮

每次单击add按钮时，我都试图在表中创建一个按钮。我在td中显示的按钮有问题。我确信这与我的JS有关。任何帮助都将不胜感激。 HTML:

---

我不确定你的确切要求。但是你在哪里创建按钮呢？在javascript中，应该使用

var button=document.createElement（“按钮”）

来创建按钮。在使用

按钮之前添加此行。innerHTML

更改代码-

function myCreateFunction() {
    var table = document.getElementById("usertable");
    var row = table.insertRow(1);
    var cell1 = row.insertCell(0);
    var cell2 = row.insertCell(1);
    var cell3 = row.insertCell(2);
    var cell4 = row.insertCell(3);
    var cell5 = row.insertCell(4);
    var cell5 = row.insertCell(5);
    var cell6 = row.insertCell(6);

    cell1.innerHTML = "";
    cell2.innerHTML = "";
    cell3.innerHTML = "";
    cell4.innerHTML = "";
    var button = document.createElement("button");
    button.innerHTML = "Do Something";
    var td = document. getElementsByTagName("td")[0];
    td.appendChild(button);
}

---

在您的表中，您希望将按钮添加到哪个td？是新一排的第五个牢房吗

我相信您希望通过使用

row.findElementsByClassName

而不是

document.findElementsByClassName

找到正确的td

---

或者，您可以直接将按钮附加到刚刚使用

cell5创建的单元格中。appendChild（按钮）

当我尝试此操作时，我会得到一个空白行，单元格中仍然没有添加按钮。请查看此工作小提琴。如果这不是你的要求，请纠正我。正确，我想把它添加到第五个cell@LucasBrawdy请参见我的编辑，您可以直接将子项附加到第5个单元格。

function myCreateFunction() {
    var table = document.getElementById("usertable");
    var row = table.insertRow(1);
    var cell1 = row.insertCell(0);
    var cell2 = row.insertCell(1);
    var cell3 = row.insertCell(2);
    var cell4 = row.insertCell(3);
    var cell5 = row.insertCell(4);
    var cell5 = row.insertCell(5);
    var cell6 = row.insertCell(6);

    cell1.innerHTML = "";
    cell2.innerHTML = "";
    cell3.innerHTML = "";
    cell4.innerHTML = "";
    var button = document.createElement("button")
    button. innerHTML = "Do Something";
    var td = document. getElementsByTagName("td")[0];
    td.appendChild(button);


}

function myCreateFunction() {
    var table = document.getElementById("usertable");
    var row = table.insertRow(1);
    var cell1 = row.insertCell(0);
    var cell2 = row.insertCell(1);
    var cell3 = row.insertCell(2);
    var cell4 = row.insertCell(3);
    var cell5 = row.insertCell(4);
    var cell5 = row.insertCell(5);
    var cell6 = row.insertCell(6);

    cell1.innerHTML = "";
    cell2.innerHTML = "";
    cell3.innerHTML = "";
    cell4.innerHTML = "";
    var button = document.createElement("button");
    button.innerHTML = "Do Something";
    var td = document. getElementsByTagName("td")[0];
    td.appendChild(button);
}