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

これが修正されたコードです

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

}

Answer 2

作業バージョン: http://jsfiddle.net/89Q7T/1/

単純なタイプミスがありました:

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