如何读取表格a的父节点的父节点的行数?在线等。。。。

tab_a.parentElement //此为tab_b的TD
tab_a.parentElement.parentElement //此为tab_b的TR
tab_a.parentElement.parentElement.parentElement //此为tab_b的TBODY
tab_a.parentElement.parentElement.parentElement.parentElement//此为tab_b
.......
如果你必须用这种方法的话，那就一直parentElement下去吧，呵呵

解决方案 »

  1.   

    呵呵,按你的要求,但是会长得出奇;<html>
    <head>
    <title>无标题</title>
    <script language ='javascript'>
    <!--
    function test(object)
    {
            alert("this.parentElement.parentElement.parentElement.parentElement.outerHTML = \n"
                  +object.parentElement.parentElement.parentElement.parentElement.outerHTML 
                  +"\n\nthis.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.outerHTML = \n" 
                  +object.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.outerHTML );
    }
    //-->
    </script><head>
    <body>
    <table id=table0>
     <tr>
      <td>
       <table id=table1>
        <tr>
         <td>
          <span onclick=test(this);
          >click here</span>
         </td>
        </tr>
       </table>
      </td>
     </tr>
    </table>
    </body>
    </html>
      

  2.   

    qidizi(qidizi)  运行报错啊
      

  3.   

    我运行通过哦,说那错你瞧下,说真的要是不必要不要这样引用,上位的上位的上位...<html>
    <head>
    <title>无标题</title>
    <script language ='javascript'>
    <!--
    function test(object)
    {
            alert("this.parentElement.parentElement.parentElement.parentElement.rows.length = \n"
                  +object.parentElement.parentElement.parentElement.parentElement.rows.length 
                  +"\n\nthis.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.rows.length = \n" 
                  +object.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.rows.length );
    }
    //-->
    </script><head>
    <body>
    <table id=table0>
     <tr>
      <td>
       <table id=table1>
        <tr>
         <td>
          <span onclick=test(this);
          >click here</span>
         </td>
        </tr>
       </table>
      </td>
     </tr>
    </table>
    </body>
    </html>
      

  4.   

    我不太明你说的意思,
    你要是想同级的二个TR合成一个,我找了一下,像是不有这样的直接方法
    我给你一个变通办法,你瞧可以不:
    但是有一个问题要是当二行的TD是不相等时,你的数据要如何处理,遵循什么原则?一对一时就一加一等一?当一对三时就一加三等一?
    实现办法:决定要合并的二行或多行,按某原则合并数据,决定合并后的新行位置,最后把不用的行删除,
      

  5.   

    一个简单的例子:复杂的你得考虑数据合并原则(当在非规则情况下),行的选择,新行的位置等,那只能你自己来了<html>
    <head>
    <title>无标题</title>
    <head>
    <body>
    <table id=table1 border=1>
     <tr>
      <td>
       dddd
      </td>
      <td>
       dddffffff
      </td>
     </tr>
     <tr>
      <td>
       dddd
      </td>
      <td>
       dddffffff
      </td>
     </tr>
     <tr>
      <td>
       dddd
      </td>
      <td>
       dddffffff
      </td>
     </tr>
    </table>
    <script language ='javascript'>
    <!--
    function towrow21(){
          if(table1.rows.length > 1)
          {
            table1.rows[0].cells[0].insertAdjacentHTML("beforeEnd", table1.rows[1].cells[0].innerHTML );  //把第二行的第一个TD的HTML加到第一行的第一TD的后面  
            table1.rows[0].cells[1].insertAdjacentHTML("beforeEnd", table1.rows[1].cells[1].innerText) ;  //把第二行的第一个TD的HTML加到第一行的第一TD的后面 
            table1.deleteRow(1);//删除第二行
          }else
           {
              alert("只有一行了!不用合并了吧?");
           }
    }//-->
    </script>
    <input type=button value =合并第一二行 onclick=towrow21();>
    </body>
    </html>