爲什麼我無法在使用javascript的表格中添加新行？

-1

function add(tableID) { 
    var table = document.getElementById(tableID); 

    var rowCount = table.rows.length; 
    var row = table.insertRow(rowCount); 

    var cell1 = row.insertCell(0); 
    cell2.innerHTML = rowCount; 

    var cell2 = row.insertCell(1); 
    var element1 = document.createElement("input"); 
    element1.type = "text"; 
    cell2.appendChild(element1); 
}

jsFiddle: add a row 爲什麼我無法在使用javascript的表格中添加新行？

什麼是錯我的代碼？它似乎沒有工作。

任何幫助將不勝感激。

來源

2012-07-17 six.strings.and.a.bit

StackOverflow不是論壇。你需要提出你的問題，以便對未來的讀者有用。這意味着在問題中包含相關代碼並詳細描述您遇到的問題。 – 2012-07-17 03:19:54

...也請進行基本的調試。在控制檯打開的情況下運行你的代碼會顯示你的問題。 – 2012-07-17 03:20:14

工作版本：http://jsfiddle.net/89Q7T/1/

你有一個簡單的拼寫錯誤：

var cell1 = row.insertCell(0); 
cell2.innerHTML = rowCount; // should be cell1

來源

2012-07-17 03:19:35

這裏是您的正確的碼

函數add（TABLEID）{

var table = document.getElementById(tableID); 

var rowCount = table.rows.length; 
var row = table.insertRow(rowCount); 

var cell1 = row.insertCell(0); 
cell1.innerHTML = rowCount; 

var cell2 = row.insertCell(1); 
var element1 = document.createElement("input"); 
element1.type = "text"; 
cell2.appendChild(element1);

}

來源

2012-07-17 05:13:03 shrestha2lt8

爲什麼我無法在使用javascript的表格中添加新行？

回答

相關問題