如何将按钮插入HTML表格单元格

Question

我正在使用DOM创建表。我想为每行插入一个“删除”按钮。我尝试删除的整个表。我在哪里创建按钮元素？

    function MakeTable(iArray)
   {
          var myArray = [];
           var table = document.getElementById("myTable");
          var button = document.createElement("button");

    for(var i = 0; i< iArray.length; ++i)
    {
        myArray[i] = iArray[i];
        let row0 = table.insertRow();
        let blankCell = row0.insertCell(0)
        let cell0 = row0.insertCell(1);
        let cell1 = row0.insertCell(2);
        let cell2 = row0.insertCell(3);
        blankCell.createElement("button"); 
        cell0.textContent = myArray[i].userID;
        cell1.textContent = myArray[i].username;
        cell2.textContent = myArray[i].password;
    }

document.getElementById("myTable").appendChild(table);

}

Answer 1

如果我正确理解了您的问题，这将为您提供一个可行的示例

<table id="myTable">

</table>

<script>
    let tr = document.createElement("TR");
    let td1 = document.createElement("TD");
    let td2 = document.createElement("TD");
    let td = document.createElement("TD");
    let button = document.createElement("BUTTON");
    let node = document.createTextNode("Button Title");

    button.appendChild(node);
    td.appendChild(button);
    tr.appendChild(td);
    tr.appendChild(td1);
    tr.appendChild(td2);

    document.getElementById("myTable").appendChild(tr);

</script>

<style>

    td {
        border: 2px solid black;
        width: 75px;
    }


</style>