javascript操作table：请问怎么给table中的每一格赋值？

Question

<script language="javascript">
    function test(){
   var tb=document.getElementById("tb") ;
   for(var i=0;i<tb.rows.length;i++){
       for(var j=0;j<tb.cells.length;j++){
          tb.rows[i].cells[j].innerText=(i+1)*10+j+1 ;
       }
   }
}
</script>
<form name="a">
<table name="tb" border="1" width="200px" height="60px">
   <tr>
      <td>a</td>
      <td>b</td>
   </tr>
   
   <tr>
      <td>c</td>
  <td>d</td>
   </tr>
</table>
<input type="button" value="点击" onclick="test()"/>
</form>请问各位高手，我这段代码错在哪里？如果错了应该怎么样改呢？

Answer 1

<script language="javascript">
function test(){
var tb=document.getElementById("tb") ;
for(var i=0;i<tb.rows.length;i++){
for(var j=0;j<tb.rows[i].cells.length;j++){
tb.rows[i].cells[j].innerText=(i+1)*10+j+1 ;
}
}
}
</script>
<form name="a">
<table id="tb" name="tb" border="1" width="200px" height="60px">
<tr>
<td>a</td>
<td>b</td>
</tr>
<tr>
<td>c</td>
<td>d</td>
</tr>
</table>
<input type="button" value="点击" onclick="test()"/>
</form>

Answer 2

+1
table下有rows集合
row=rows[i]获取每个tr
row下有cells集合
cell=cells[j]获取每个td