javascript - 为什么我不能使用 javascript 在表中添加新行？

Question

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：添加一行

我的代码有什么问题？它似乎不起作用。

任何帮助将不胜感激。

Answer 1

这是您更正的代码

功能添加（表ID）{

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);   

}

Answer 2

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

你有一个简单的错字：

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