js 控制 表格中的表格问题

Question

第一行的input没控制
其余的没有问题  <script language="JavaScript">
  <!--
   function Delete()
   {
    var dgTable=document.getElementById('tb').rows;//tb为table的ID,
   
    
    for (var i=0; i < dgTable.length; i++)
    {
     
dgTable[i].cells[1].childNodes[0].disabled=true;
    }
   }
  //-->
  </script>  <table id="tb" border="1px" width="500px">
  <tr>
   <td width="40%">aaa</td>
   <td width="40%"><label>
     <input type="text" name="textfield1" id="textfield">
   </label></td>
   <td width="15%"><a onClick="Delete()" href="#">delete</a></td>
  </tr>
  <tr>
   <td>ccc</td>
   <td><input type="text" name="textfield2" id="textfield"></td>
   <td><a onClick="Delete()" href="#">delete</a></td>
  </tr>
  <tr>
   <td>eee</td>
   <td><input type="text" name="textfield3" id="textfield"></td>
   <td><a onClick="Delete()" href="#">delete</a></td>
  </tr>
  </table>

Answer 1

把楼主的代码copy下来试了下，去掉<label>后发现在chrome总依旧不能控制row(1),在IE中却可以。
后来把<td width="40%">
     <input type="text" name="textfield1" id="textfield">
</td>改成了<td width="40%"><input type="text" name="textfield1" id="textfield"></td>居然就OK了.各种灵异，哭笑不得 ...