该代码问题出在哪里？？大家帮涡看看哦

Question

<table id=theTable>
<tbody id=tbody_1>
<tr><td>&nbsp;1</td></tr>
</tbody>
</table><input type=button onclick="add()" value="添加">
<script>
var index=1
function add(){
theBody=tbody_1.cloneNode(1)
theBody.id="tbody_"+(++index)
theBody.childNodes[0].childNodes[0].innerHTML=index
theTable.insertAdjacentElement("beforeEnd",theBody);
}
</script>

Answer 1

你上边的代码看不到效果是因为<tr><td>没有被添加进去，alert(theTable.innerHTML)看到的效果是
<TBODY id=tbody_1>
<TR>
<TD> 1</TD></TR></TBODY>
<TBODY id=tbody_2>
2</TD></TR></TBODY>

Answer 2

添加时
Tbody里面相应控件的id也要相应改变，如何写？？ 
  <Tbody  id=1>
     <tr><td><input type=text id=1></td></tr>  
   </Tbody>
   <Tbody  id=2>
     <tr><td>><input type=text id=2></td></tr>  
   </Tbody>