使用Javascript

Question

每次我运行这个脚本时：

document.getElementById("billTable").appendChild(nextRow)
document.getElementById("billTable").appendChild(LISTname);
document.getElementById("billTable").appendChild(LISTprice);
document.getElementById("billTable").appendChild(LISTremove);

它创建：

<tr></tr><td>L - Meat Lovers Pizza</td><td>$6.70</td><td>X</td>

我正试图让TD标签在TR中。

Answer 1

nextRow似乎包含tr元素，因此您应该附加到该元素，而不是表格：

nextRow.appendChild(LISTname);
nextRow.appendChild(LISTprice);
nextRow.appendChild(LISTremove);
document.getElementById("billTable").appendChild(nextRow);

Answer 2

使用insertCell（）代替

var table = document.getElementById("myTable");
var row = table.insertRow(0);

var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);

cell1.innerHTML = "List Name";
cell2.innerHTML = "List Price";