推荐去看下。
http://topic.csdn.net/T/20060315/10/4615271.html

解决方案 »

  1.   

    我是楼主另外又怎么删除指定(特定)行呢?  function delrow(zz) {
    zz.parentElement.parentElement.removeNode(true);
    //以前用这个来删除本行。现在想要删除当前行以及当前行下面的二行。这应当怎么样?
    }
      

  2.   

    我知道你是楼主。。
    你看没看就说没有?
    <table border="1">
    <tbody id="wc">
    </tbody>
    </table>
    <script type="text/javascript">
    var wc = document.getElementById("wc"), row, cell;
    row = wc.insertRow(0);
    row.insertCell(0).innerHTML = "0";
    row.insertCell(1).innerHTML = "1";
    row.insertCell(2).innerHTML = "2";
    row.insertCell(3).innerHTML = "3";
    row.insertCell(4).innerHTML = "4";
    row = wc.insertRow(1);
    row.insertCell(0).innerHTML = "0";
    row.insertCell(1).innerHTML = "1";
    cell = row.insertCell(2);
    cell.colSpan = 3;
    cell.innerHTML = "2";
    window.setTimeout("wc.removeChild(row)", 1000);
    </script>
      

  3.   

    cell.colSpan = 3;
    ---
    sorry,看是看了。里面没有写cell.colSpan吧,所以...不知道可以cell.colSpan这样用。呵呵。大哥,莫生气啊。
      

  4.   

    哎,还有一个问题
    比如下面这个。怎么在delrow那个按钮上删除一次2,3行 
    现在只删除本行
    ----
    <table border="1">
    <tbody id="wc">
    </tbody>
    </table>
    <script type="text/javascript">
    var wc = document.getElementById("wc"), row, cell;
    row = wc.insertRow(0);
    row.insertCell(0).innerHTML = "1";
    row.insertCell(1).innerHTML = "a";
    row.insertCell(2).innerHTML = "a";
    row.insertCell(3).innerHTML = "a";
    row.insertCell(4).innerHTML = "a";
    row = wc.insertRow(1);
    row.insertCell(0).innerHTML = "2";
    row.insertCell(1).innerHTML = "<input type='button' value='delrow' name='delrow' onclick='delrows(this);'>";
    row.insertCell(2).innerHTML = "a";
    row.insertCell(3).innerHTML = "a";
    row.insertCell(4).innerHTML = "a";
    row = wc.insertRow(2);
    row.insertCell(0).innerHTML = "3";
    row.insertCell(1).innerHTML = "a";
    row.insertCell(2).innerHTML = "a";
    row.insertCell(3).innerHTML = "a";
    row.insertCell(4).innerHTML = "a";
    row = wc.insertRow(3);
    row.insertCell(0).innerHTML = "4";
    row.insertCell(1).innerHTML = "a";
    //cell = row.insertCell(4);
    //cell.colSpan = 3;
    //cell.innerHTML = "2";
    //window.setTimeout("wc.removeChild(row)", 1000);
    function delrows(zz)
    {
    zz.parentElement.parentElement.removeNode(true);
    }</script>
      

  5.   

    <table border="1">
    <tbody id="wc">
    </tbody>
    </table>
    <script type="text/javascript">
    var wc = document.getElementById("wc"), row, cell;
    row = wc.insertRow(0);
    row.insertCell(0).innerHTML = "1";
    row.insertCell(1).innerHTML = "a";
    row.insertCell(2).innerHTML = "a";
    row.insertCell(3).innerHTML = "a";
    row.insertCell(4).innerHTML = "a";
    row = wc.insertRow(1);
    row.insertCell(0).innerHTML = "2";
    row.insertCell(1).innerHTML = "<input type='button' value='delrow' name='delrow' onclick='delrows(this);'>";
    row.insertCell(2).innerHTML = "a";
    row.insertCell(3).innerHTML = "a";
    row.insertCell(4).innerHTML = "a";
    row = wc.insertRow(2);
    row.insertCell(0).innerHTML = "3";
    row.insertCell(1).innerHTML = "a";
    row.insertCell(2).innerHTML = "a";
    row.insertCell(3).innerHTML = "a";
    row.insertCell(4).innerHTML = "a";
    row = wc.insertRow(3);
    row.insertCell(0).innerHTML = "4";
    row.insertCell(1).innerHTML = "a";
    //cell = row.insertCell(4);
    //cell.colSpan = 3;
    //cell.innerHTML = "2";
    //window.setTimeout("wc.removeChild(row)", 1000);
    function delrows(zz)
    {
    wc.removeChild(zz.parentNode.parentNode);
    wc.deleteRow(0);
    }</script>
      

  6.   

    好我知道wc.deleteRow(0); 可以删除指定行。
    但是我现在按钮上是想 单击时 delrow按钮时删除按钮本行及按钮的下一行。
    wc.deleteRow(0); //现在删除的是表格的第一行。现在问题就是:怎么获取按钮所在的行?谢谢了
      

  7.   

    我查到了
    alert(zz.parentNode.parentNode.rowIndex);
    wc.removeChild(zz.parentNode.parentNode);
      

  8.   

    function delrows(zz) {
    //wc.removeChild(zz.parentNode.parentNode);
    var this_row = zz.parentNode.parentNode;
    var next = this_row.nextSibling, previous = this_row.previousSibling;
    remove(next); //删除下一行
    remove(previous); //删除前一行
    remove(this_row.childNodes[0]);
    }
    function remove(o) {
    if (o) o.parentNode.removeChild(o);
    }