一菜鸟向各位大虾请教javascript问题

var inputs = chk.parentNode.parentNode.cells[1].getElementsByTagName("input");
这句话里的cells[1] 是什么意思啊 ？在 table 里找不到 和这个相关的 
这是代码：
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=GB2312" /><title>Untitled Document</title><script language="javascript">function chkOper(chk){    var inputs = chk.parentNode.parentNode.cells[1].getElementsByTagName("input");                                                  //通过父级节点获取输入框    var status = chk.checked;                //判断复选框是否选中的变量    for(var i=0,j=inputs.length;i<j;i++)            //遍历每个input控件        inputs[i].disabled = status;             //通过复选框的值设置每个input控件的可用性}</script></head> <body><table width="500" border="1" cellspacing="1" cellpadding="1">  <tr>    <td width="40px" align="center">    <input type="checkbox" name="checkbox" id="" onclick="chkOper(this)"/></td>    <td width="230px">      <input type="text" name="textfield" id="Text1" />    </td>    <td width="230px">第一行</td>  </tr>  <tr>    <td align="center"><input type="checkbox" name="checkbox" id="Checkbox1"  onclick= "chkOper(this)"/></td>    <td><input type="text" name="textfield2" id="textfield2" /></td>    <td>第二行</td>  </tr>  <tr>    <td align="center"><input type="checkbox" name="checkbox" id="Checkbox2" / onclick= "chkOper(this)"></td>    <td><input type="text" name="textfield3" id="textfield3" /></td>    <td>第三行</td>  </tr></table></body></html>

解决方案 »

  1.   

    var inputs = chk.parentNode.parentNode.cells[1].getElementsByTagName("input");
    获得chk所在的tr下面的cells[1]下面的所有input
      

  2.   

     <body><script >function chkOper(chk){
      var td=chk.parentNode;
      var tr=chk.parentNode.parentNode;
      var  obj=chk.parentNode.parentNode.cells[1];
    alert(td.id);
    alert(tr.id);
    alert(obj.id);  var inputs = chk.parentNode.parentNode.cells[1].getElementsByTagName("input"); //通过父级节点获取输入框  var status = chk.checked; //判断复选框是否选中的变量  for(var i=0,j=inputs.length;i<j;i++) //遍历每个input控件  inputs[i].disabled = status; //通过复选框的值设置每个input控件的可用性}</script>
    <table >  <tr id=tr>  <td id=td>  <input type="checkbox" name="checkbox" id="" onclick="chkOper(this)"/></td>  <td id=td2>  <input  name="textfield" id="Text1" />
    <input  name="textfield" id="Text2" />
      </td>  <td >第一行</td>  </tr> </table></body>算是学习了 通过当前元素找到列 然后是行 接着是行的第二列  明白了吗
      

  3.   

    那为啥要写成 cells[] 可以换成别的名字不 而且这个就没声明数组啊
      

  4.   

    还想问下 为啥我写成下面这样 会报错呢？    div table 不都是节点吗？
    <body>
    <div id="aa">
    <ul>
    <li><input id="a1" type="checkbox" onclick="ss(this)"/><input type="text"/>第1行</li>
    <li><input id="a2" type="checkbox" onclick="ss()"/><input type="text"/>第2行</li>
    <li><input id="a3" type="checkbox" onclick="ss()"/><input type="text"/>第3行</li>
    </ul>

    </div>

    <script language="javascript">
    /*
     var td=chk.parentNode;
       var tr=chk.parentNode.parentNode;
       var obj=chk.parentNode.parentNode.cells[1];
         alert(td.id);
         alert(tr.id);
         alert(obj.id);
    */
        function ss(a){
             var inputs = a.parentNode.parentNode.cells[1].getElementsByTagName("input");
             var status = a.checked;                //判断复选框是否选中的变量    for(var i=0,j=inputs.length;i<j;i++) {           //遍历每个input控件        inputs[i].disabled = status; 
           }
             
         }
    </script></body>
      

  5.   

    var inputs = a.parentNode.parentNode.cells[1].getElementsByTagName("input");
    ===>
    var inputs = a.parentNode.parentNode.getElementsByTagName("input");
    cells只有在表格table中才使用
      

  6.   

    那要是在 div中要怎样写呢？
      

  7.   

    http://www.w3schools.com/jsref/coll_table_cells.asp