用js自带的方法insertRow和insertCells还有一个DeleteRow,可能还要操作rom。

解决方案 »

  1.   


    <table >
    <tr>
    <td>
     <input type="button" value="DOWN" onclick="javascript:DOWN(0);">
    </td>
    <td id="td_change0">aaa</td>
    </tr>
    <tr>
    <td>
     <input type="button" value="UP" onclick="javascript:UP(1);">
     <input type="button" value="DOWN" onclick="javascript:DOWN(1);">
    </td>
    <td id="td_change1" name="td_change1">bbb</td>
    </tr>
    <tr>
    <td>
     <input type="button" value="UP" onclick="javascript:UP(2);">
     <input type="button" value="DOWN" onclick="javascript:DOWN(2);">
    </td>
    <td id="td_change2">ccc</td>
    </tr>
    <tr>
    <td>
     <input type="button" value="UP" onclick="javascript:UP(3);">
     <input type="button" value="DOWN" onclick="javascript:DOWN(3);">
    </td>
    <td id="td_change3">ddd</td>
    </tr>
    <tr>
    <td>
     <input type="button" value="UP" onclick="javascript:UP(4);">
    </td>
    <td id="td_change4">eee</td>
    </tr>
    </table>
            function UP(n)
    {
    var temp = document.getElementById("td_change"+n).innerText;
    document.getElementById("td_change"+n).innerText = document.getElementById("td_change"+(n-1)).innerText;
    document.getElementById("td_change"+(n-1)).innerText = temp;
    }
    function DOWN(n)
    {
    var temp = document.getElementById("td_change"+n).innerText;
    document.getElementById("td_change"+n).innerText = document.getElementById("td_change"+(n+1)).innerText;
    document.getElementById("td_change"+(n+1)).innerText = temp;
    }