JS 获取单元格


在表格tb1 中的最后一列是按钮
问题：点击某个按钮，想获取当前点击行的 个个单元格的值

解决方案 »

  1.   

    button 的 onclick="allValue(this);"
    function allValue(o){
       var tr=o.parentNode;
       while(tr.tagName!="TR"){
           tr=tr.parentNode;
       }    for(var i=0;i<tr.cells.length;i++){
         alert(tr.cells[i].innerHTML);
       }
    }
      

  2.   

    <tr><td>21</td><td>22</td><td><input type="button" value="执行" onclick="con(this)" /></td></tr>function con(temp)
    {
    if(temp)
    {
    var cells = temp.parentElement.parentElement.cells
    for (var i = 0; i < cells.lenght - 1; i++)
                    {
                           alert(cells[i].innerText);
                    }
    }}
      

  3.   

    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>test</title>
    <script>
    function Con(obj){
    var t = obj.parentNode.parentNode.parentNode.parentNode;
    if(t.id=="t1"){
    var td = obj.parentNode;
    var tr = obj.parentNode.parentNode;
    var tds = tr.cells;
    for(var i=0;i<tds.length-1;i++){
    alert("第"+(i+1)+"列:"+tds[i].innerText);
    }
    var t2 = document.getElementById("t2");
    t2.firstChild.appendChild(tr);
    }
    }</script>
    </head><body>
    table1
    <table id="t1" border=1>
    <tr>
    <td>id</td><td>id1</td><td>执行</td>
    </tr>
    <tr>
    <td>1</td><td>11</td><td><a href="javascript:;" onclick="Con(this)">执行</a></td>
    </tr>
    <tr>
    <td>2</td><td>22</td><td><a href="javascript:;" onclick="Con(this)">执行</a></td>
    </tr>
    <tr>
    <td>3</td><td>33</td><td><a href="javascript:;" onclick="Con(this)">执行</a></td>
    </tr>
    </table>
    table2
    <table id="t2" border=1>
    <tr>
    <td>id</td><td>id1</td><td>执行</td>
    </tr>
    </table>
    </body></html>
      

  4.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
      <script>
      function Con()
      {
    var el= event.srcElement.parentNode.parentNode.cloneNode(true);
    var innerHTMl="<input type='button' value='执行' />";
    el.lastChild.innerHTML=innerHTMl;
    var table=document.getElementById('tb2');
    var tbody=table.getElementsByTagName("tbody");
        if(tbody!=null)
    {
           tbody[0].appendChild(el);
        }
    else
    {
           table.appendChild(el);
    }
    table=document.getElementById('tb1');
    tbody=table.getElementsByTagName("tbody");
        if(tbody!=null)
    {
           tbody[0].removeChild(event.srcElement.parentNode.parentNode);
        }
    else
    {
           table.removeChild(event.srcElement.parentNode.parentNode);
    }
      }
      </script>
     </HEAD> <BODY>
    <table id='tb1'>
    <tr>
    <td>ID</td><td>Name</td><td>Sex</td><td>Age</td><td>操作</td>
    </tr>
    <tr>
    <td>1</td><td>L</td><td>男</td><td>25</td><td><input type='button' value='执行' onclick='Con()' /></td>
    </tr>
    <tr>
    <td>2</td><td>W</td><td>男</td><td>22</td><td><input type='button' value='执行' onclick='Con()' /></td>
    </tr>
    <tr>
    <td>3</td><td>T</td><td>女</td><td>21</td><td><input type='button' value='执行' onclick='Con()' /></td>
    </tr>
    <tr>
    <td>4</td><td>C</td><td>男</td><td>24</td><td><input type='button' value='执行' onclick='Con()' /></td>
    </tr>
    </table>
    <table id='tb2'>
    <tr>
    <td>ID</td><td>Name</td><td>Sex</td><td>Age</td><td>操作</td>
    </tr>
    </table>
     </BODY>
    </HTML>
      

  5.   

    <head>    
         <script type="text/javascript">
            function getCellValue(td){
               var tr = td.parentNode;
               var tr = tr.parentNode;
               var tdinfo = "";
               for(var i=0; i < tr.cells.length ; i++){
                  tdinfo += tr.cells[i].innerHTML + "/";
               }
               alert(tdinfo);
            }
         </script>
      </head>  
      <body>  
        <table>
           <tr>
              <td>11111</td>
              <td>22222</td>
              <td>33333</td>
              <td><button onclick="getCellValue(this);">获取前两列的值.</td>
           </tr>
           <tr>
              <td>11111</td>
              <td>22222</td>
              <td>33333</td>
              <td><button onclick="getCellValue(this);">获取前两列的值.</td>
           </tr>
           <tr>
              <td>11111</td>
              <td>22222</td>
              <td>33333</td>
              <td><button onclick="getCellValue(this);">获取前两列的值.</td>
           </tr>
        </table>    
      </body>