Как вставить кнопку в ячейку таблицы 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>