創建一個TR元素中的TD元素使用Javascript

-3

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。

來源

2017-02-16 Reemor

我想'billTable'是'

'，如果是這樣，你的目標是錯誤的設置，你必須鎖定'' – zer00ne

你需要將'td'元素附加到'tr'而不是'table' – jmoerdyk

回答

看來，nextRow包含tr元素，所以你應該追加到的是，不表：

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

來源

2017-02-16 00:26:56 Barmar

使用的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";

來源

2017-02-16 00:25:41 argoden

相關問題