js 如何更换 两个单元格对象位置？

<table>
<tr>
    <td id='1'> Category <td> 
    <td id="1_1">aa</td>
</tr><tr> 
     <td id="1_2">bb</td>
</tr>
</table>JS 如何让 单元格1-1 与 1-2  互换位置 变成如下
<table>
<tr>
    <td id='1'> Category <td> 
    <td id="1_2">bb</td>
</tr><tr> 
     <td id="1_1">aa</td>
</tr>
</table>

解决方案 »

  1.   


    <html>
    <head><script language="javascript" type="text/javascript">
    function test(){
    var td1=document.getElementById("1_1");
    var td1f=td1.parentElement;
    var td2=document.getElementById("1_2");
    var td2f=td2.parentElement;
    td1f.removeChild(td1);
    td2f.removeChild(td2);
    td1f.appendChild(td2);
    td2f.appendChild(td1);
    }
    </script>
    </head>
    <body>
    <table>
    <tr>
      <td id='1'> Category <td> 
      <td id="1_2">bb</td>
    </tr>
    <tr> 
      <td id="1_1">aa</td>
    </tr>
    </table>
    <button onclick="test()">button</button>
    </body>
    </html>
      

  2.   

    <table>
    <tr>
      <td id='1'> Category <td>  
      <td id="1_1">aa</td>
    </tr>
    <tr>  
      <td id="1_2">bb</td>
    </tr>
    </table>
    <input type="button" onclick="func()"/>
    <script type="text/javascript">
    function func()
    {
        var x = document.getElementById("1")
        var a=  document.getElementById("1_1")
        var b = document.getElementById("1_2");
    b.parentNode.appendChild(a);
        x.parentNode.appendChild(b);
    }
    </script>