javascript - Javascript でテーブルを作成するときの rowIndex

Question

行とセルを空のに追加する次の関数がありますtable。

        function createTable(size) {
            var table = document.getElementById("gameTable");
            for (var i=0; i<size; i++) {
                var tr = document.createElement("tr");
                for (var j=0; j<size; j++) {
                    var td = document.createElement("td");
                    tr.appendChild(td);
                }
                table.appendChild(tr);
                tr.rowIndex = i;
            }

        }

ここまでは順調ですね。

私の問題は、後でテーブル内の特定のセルに到達しようとしたときです:

var x = target.parentNode.rowIndex;
var y = target.cellIndex; 

table.rows[x].cells[y].innerHTML = 'blah'

targetTDクリックされた特定のものです。

rows[x]インデックスは常にです-1。上記の行を試すたびに、「未定義のプロパティ「セル」を読み取れません」というエラーが表示されます。
各行のrowIndexを（関数内で）手動で設定しようとしましたが、役に立ちませんでした。

cellIndex は正常に出力されますが、rowIndex は -1 であり、新しく作成されたテーブル行はすべて 1 つずつです。

これを修正するにはどうすればよいですか?