的rowIndex使用Javascript

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' 

target是用戶點擊特定的TD。

rows[x]索引總是-1。每次我嘗試上面的行時，我得到一個錯誤：「不能讀屬性」單元格的未定義「
我甚至嘗試手動設置每行的rowIndex它應該是（在函數內），但無濟於事。

cellIndex出來很好，但rowIndex是-1，並且每一個新創建的錶行。

我該怎麼做才能糾正這個問題？

Answer 1

這可以通過將<tr>元素附加到<tbody>來解決。

 function createTable(size) { 
      var table = document.getElementById("gameTable"); 
      var tb = document.createElement("tbody"); 
      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); 
       } 
       tb.appendChild(tr); 
      } 
      table.appendChild(tb); 
     }