不知道又是什么问题了，删除子元素失败，自学路漫漫 /_ \
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js_dom_comprehension(删除子元素)</title>
<style>
table#tb1{
width: 300px;
height: 4em;
border-collapse:collapse;
}
</style>
<body>
<table border="2px" id="tb1">
<tr id="tr1">
<td>英雄名称</td>
<td>操作</td>
</tr>
<tr id="tr2">
<td>盖伦</td>
<td><a href="#" onClick="judge("tr2")">删除</a></td>
</tr>
<tr id="tr3">
<td>提莫</td>
<td><a href="#" onClick="judge("tr3")">删除</a></td>
</tr>
<tr id="tr4">
<td>祈求者</td>
<td><a href="#" onClick="judge("tr4")">删除</a></td>
</tr>
</table>
</body>
<script>
function judge(id)
{
var tb=document.getElementById("tb1");
var tr=document.getElementById(id);
var judge=confirm("确认删除？");
if(judge==true)
{
tb.removeChild(tr);
}
}
</script>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js_dom_comprehension(删除子元素)</title>
<style>
table#tb1{
width: 300px;
height: 4em;
border-collapse:collapse;
}
</style>
<body>
<table border="2px" id="tb1">
<tr id="tr1">
<td>英雄名称</td>
<td>操作</td>
</tr>
<tr id="tr2">
<td>盖伦</td>
<td><a href="#" onClick="judge('tr2')">删除</a></td>
</tr>
<tr id="tr3">
<td>提莫</td>
<td><a href="#" onClick="judge('tr3')">删除</a></td>
</tr>
<tr id="tr4">
<td>祈求者</td>
<td><a href="#" onClick="judge('tr4')">删除</a></td>
</tr>
</table>
</body>
<script>
function judge(id)
{
var tb=document.getElementById("tb1");
var tr=document.getElementById(id);
var judge=confirm("确认删除？");
if(judge==true)
{
tr.remove();
}
}
</script>
</html>