为什么我无法在使用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的表格中添加新行？

回答

相关问题