<html>
<head><title>Test</title></head>
<script>
function deleteElement(id)
{
var d = document.getElementById(id);
if (d && confirm("您要删除元素"+id+"?"))
{
var p
if (p = d.parentNode)
{
p.removeChild(d);
}
}
}
</script>
<body >
<p>
<button onclick="deleteElement('table1')">删除表格1</button>
<button onclick="deleteElement('tr1')">删除表格1 第一行</button>
<button onclick="deleteElement('table2')">删除表格2</button>
</p>
table1
<table border="1" width="200" id="table1">
<tr id="tr1">
<td>A</td>
<td>B</td>
<td>C</td>
</tr>
<tr>
<td>D</td>
<td>E</td>
<td>F</td>
</tr>
<tr>
<td>G</td>
<td>H</td>
<td>I</td>
</tr>
</table>
table 2
<table border="1" width="200" id="table2">
<tr>
<td>AA</td>
<td>BB</td>
<td>CC</td>
</tr>
<tr>
<td>DD</td>
<td>EE</td>
<td>FF</td>
</tr>
<tr>
<td>GG</td>
<td>HH</td>
<td>II</td>
</tr>
</table>
</body>
</html>

解决方案 »

  1.   

    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function remove(id){
    var dd=document.getElementById("div1");
    var aa=dd.children;
    for(var i=0;i<aa.length;i++){
    if(aa[i].id==id){
    dd.removeChild(aa[i]);
    }
    }
    }
    //-->
    </SCRIPT>
    </HEAD><BODY>
    <div id="div1">
    <TABLE id="table1">
    <TR>
    <TD>131</TD>
    </TR>
    <TR>
    <TD>3213</TD>
    </TR>
    </TABLE>
    <TABLE id="table2">
    <TR>
    <TD>321</TD>
    <TD>21</TD>
    </TR>
    <TR>
    <TD>321</TD>
    <TD>321</TD>
    </TR>
    </TABLE>
    </div>
    <input type="button" onclick="remove('table1')" value="删除">
    </BODY>
    </HTML>
      

  2.   

    var tableToBeDelete = document.getElementById("table1");
    document.removeChild(tableToBeDelete);
      

  3.   

    欢迎光监点石成金网 http://www.boxigroup.com 网站提供web开发(j2ee .net asp php javascript、c#等) c/s开发(delphi、vb、vc、pb、cb等) 数据库开发(oracle、sqlserver、db2、access、mysql、Postgresql、informix)等学习资料,希望能为你解决燃眉之急 ,请把本网站加入收藏夹,以备不时查询之需 bs+cs讨论群(9638134)