**********请问关于js操作table的问题,马上揭贴************

table有一个insertRow方法,该方法有一个可选参数,默认情况下把添加的行加到表格的最后就是rows的最后.你可以通过指定一个参数来设置新行被插入的位置.删除行类似,查一查相关手册就可以很容易的解决.记住,自己会比谁帮你都强.

解决方案 »

  1.   

    增加行的我知道关键是怎么删除后再把原来的行加到最后去啊我先这样做
    var obj = table.rows[5];
    var nobj = obj;
    table.removeChild(obj);
    .....
    table.appendChild(nobj);却提示出错误
      

  2.   

    增加行的我知道关键是怎么删除后再把原来的行加到最后去啊我先这样做
    var obj = table.rows[5];
    var nobj = obj;
    table.removeChild(obj);
    .....
    table.appendChild(nobj);我这样做的但是数据却保存不了
    根本没加上去
      

  3.   

    <html>
    <head>
    <script language="JavaScript">
    <!--
    var frag = null;
    function delLastRow(){
        var tb = document.getElementById("tbTest");
        frag = document.createDocumentFragment();
        frag.appendChild(tb.rows[tb.rows.length-1]);
    }
    function addLastRow(){
        var tb = document.getElementById("tbTest");
        if(frag)
            tb.childNodes[0].appendChild(frag);
    }
    //-->
    </script>
    </head>
    <body>
    <table id="tbTest" border="1" style="width:300px;">
    <tr>
    <td>row1 td1</td>
    <td>row1 td2</td>
    <td>row1 td3</td>
    </tr>
    <tr>
    <td>row2 td1</td>
    <td>row2 td2</td>
    <td>row2 td3</td>
    </tr>
    </table>
    <input type="button" id="btnDelLast" value="删除最后一行">
    <input type="button" id="btnAddLast" value="把最后一行再加上">
    <script language="JavaScript">
    <!--
    document.getElementById("btnDelLast").onclick=delLastRow;
    document.getElementById("btnAddLast").onclick=addLastRow;
    //-->
    </script>
    </body>
    </html>
      

  4.   


    <table id=table1>
    <tr><td>1</td></tr>
    <tr><td>2</td></tr>
    <tr><td>3</td></tr>
    <tr><td>4</td></tr>
    <tr><td>5</td></tr>
    <tr><td>6</td></tr>
    <table><script defer >
    //以下代码，是把第三行移到最后一行.
    //table1.children[0]是指table里的tbody，如果table里没有tbody，浏览器会自动加上，建议写代码时加上tbody。（table不可以直接加tr，要放在tbody里加）
    var obj = table1.rows[2];
    var nobj = obj;
    table1.children[0].removeChild(obj);//这一句可以省略
    alert();
    table1.children[0].appendChild(nobj);
    </script>