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

时间:2012-07-17 03:15:40

标签: javascript

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

我的代码出了什么问题?它似乎不起作用。

非常感谢任何帮助。

2 个答案:

答案 0 :(得分:1)

这是您更正后的代码

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

}

答案 1 :(得分:0)

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

你有一个简单的拼写错误:

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