<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>
<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>
<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>
document.removeChild(tableToBeDelete);