我正在使用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);
}
答案 0 :(得分:0)
如果我正确理解了您的问题,这将为您提供一个可行的示例
<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>