<html>
<head><title>Test</title></head>
<script>
function deleteElement(id)
{
var d = document.getElementById(id);
if (d && confirm("您要删除元素"+id+"?"))
{
var p
alert(p = d.parentNode)
alert(p.innerHTML)
if (p = d.parentNode)
{
p.removeChild(d);
}
}
}
</script>
<body >
<p>
<button οnclick="deleteElement('table1')">删除表格1</button>
<button οnclick="deleteElement('tr1')">删除表格1 第一行</button>
<button οnclick="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
alert(p = d.parentNode)
alert(p.innerHTML)
if (p = d.parentNode)
{
p.removeChild(d);
}
}
}
</script>
<body >
<p>
<button οnclick="deleteElement('table1')">删除表格1</button>
<button οnclick="deleteElement('tr1')">删除表格1 第一行</button>
<button οnclick="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>