知道了表格的id,如何删除一个表格？

<script language = "JavaScript">
  function delTable() {
     var oTable = document.getElementById("tb1");
 oTable.removeNode();
  }
</script>

解决方案 »

  1.   

    判断一下：
    <script language = "JavaScript">
    function delTable() {
    var oTable = document.getElementById("tb1");
    if(oTable)  oTable.removeNode();
    else alert("表格已被删除！");
    }
    </script>
      

  2.   

    谢谢了，还有一点小小问题
    比如下面这段代码，我删除了第一个表格后
    我希望下面这个表格要占据原来这个表格的位置
    要怎么实现？？
    <HTML>
    <HEAD>
    <META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
    <TITLE></TITLE>
    <script language = "JavaScript">
    function delTable() {
       var oTable = document.getElementById("tb1");
       if (oTable)
          oTable.removeNode();
    }
    </script>
    </HEAD>
    <BODY>
    <table id = "tb1" border = "1">
       <tr>
           <td>1</td>
           <td>2</td>
       </tr>
       <tr>
           <td>1</td>
           <td>2</td>
       </tr>
       <tr>
           <td colspan = "2">
               <input type = "button" value = "删除" onclick = "delTable()">
           </td>
       </tr>
    </table>
    <table id = "tb2" border = "1">
       <tr>
           <td>1</td>
           <td>2</td>
       </tr>
       <tr>
           <td>1</td>
           <td>2</td>
       </tr>
       <tr>
           <td colspan = "2">
               <input type = "button" value = "删除" id=button1 name=button1 onclick = "delTable()">
           </td>
       </tr>
    </table>
    </BODY>
    </HTML>
      

  3.   

    obj.removeNode(true);这样连当前节点的子节点通通删除，不加true仅仅去掉了<table>标记对<HTML>
    <HEAD>
    <META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
    <TITLE></TITLE>
    <script language = "JavaScript">
    function delTable() {
       var oTable = document.getElementById("tb1");
       if (oTable)
          oTable.removeNode(true);
    }
    </script>
    </HEAD>
    <BODY>
    <table id = "tb1" border = "1">
       <tr>
           <td>1</td>
           <td>2</td>
       </tr>
       <tr>
           <td>1</td>
           <td>2</td>
       </tr>
       <tr>
           <td colspan = "2">
               <input type = "button" value = "删除" onclick = "delTable()">
           </td>
       </tr>
    </table>
    <table id = "tb2" border = "1">
       <tr>
           <td>3</td>
           <td>4</td>
       </tr>
       <tr>
           <td>3</td>
           <td>4</td>
       </tr>
       <tr>
           <td colspan = "2">
               <input type = "button" value = "删除" id=button1 name=button1 onclick = "delTable()">
           </td>
       </tr>
    </table>
    </BODY>
    </HTML>
      

  4.   

    use：
     oTable.parentNode.removeChild(oTable);//for ie5+ and ns6
      

  5.   

    use：
     oTable.parentNode.removeChild(oTable);//for ie5+ and ns6