這個刪除功能怎么實現??？弄不出來?。?/h1>
<!DOCTYPE?html>
<html>
<head>
????<title>表格增刪練習</title>
????<meta?http-equiv="Content-Type"?content="text/html;?charset=UTF-8"?/>
????<style>
????????tr:hover?{
????????????background-color:?#f2f2f2;
????????}
????????td?{
????????????width:?auto;
????????}
????????input?{
????????????border:?none;
????????????width:?100%;
????????????font-size:?17px;
????????}
????????#inu?{
????????????width:?100px;
????????????border:?solid?1px?black;
????????????font-weight:?bold;
????????}
????</style>
????<script?type="text/javascript">
????????/*要求：
????????????1.?鼠標移到不同行上時背景色改為色值為?#f2f2f2，移開鼠標時則恢復為原背景色?#fff
????????????2.?點擊添加按鈕，能動態在最后添加一行
????????????3.?點擊刪除按鈕，則刪除當前行*/
????????function?btn()?{?//添加按鈕功能實現
????????????var?tabl=document.getElementsByTagName("table");
????????????var?str?=?document.createElement("tr");
????????????str.style.height?=?"20px";
????????????str.innerHTML?=?"<td>"?+?"<td>"?+?"<td>"?+?"<a?onclick=ace()?href=javascript:;>刪除";
????????????tabl[0].appendChild(str);
????????}
????????//刪除功能的實現
????????function?ace(){
????????????var?tabl=document.getElementsByTagName("table");
????????????var?x=tabl.removeChild(table.childNodes());
????????}
????</script>
</head>
<body>
????<table?border="1"?width="50%"?id="table">
????????<tr>
????????????<th>學號</th>
????????????<th>姓名</th>
????????????<th>操作</th>
????????</tr>
????????<tr>
????????????<td>xh001</td>
????????????<td>王小明</td>
????????????<td><a?href="javascript:;"?onclick="ace()">刪除</a></td>
????????????<!--在刪除按鈕上添加點擊事件??-->
????????</tr>
????????<tr>
????????????<td>xh002</td>
????????????<td>劉小芳</td>
????????????<td><a?href="javascript:;"?onclick="ace()">刪除</a></td>
????????????<!--在刪除按鈕上添加點擊事件??-->
????????</tr>
????</table>
????<input?type="button"?value="添加一行"?onclick="btn()"?id="inu"?/>
????<!--在添加按鈕上添加點擊事件??-->
</body>
</html>
<!DOCTYPE?html>
<html>
<head>
????<title>表格增刪練習</title>
????<meta?http-equiv="Content-Type"?content="text/html;?charset=UTF-8"?/>
????<style>
????????tr:hover?{
????????????background-color:?#f2f2f2;
????????}
????????td?{
????????????width:?auto;
????????}
????????input?{
????????????border:?none;
????????????width:?100%;
????????????font-size:?17px;
????????}
????????#inu?{
????????????width:?100px;
????????????border:?solid?1px?black;
????????????font-weight:?bold;
????????}
????</style>
????<script?type="text/javascript">
????????/*要求：
????????????1.?鼠標移到不同行上時背景色改為色值為?#f2f2f2，移開鼠標時則恢復為原背景色?#fff
????????????2.?點擊添加按鈕，能動態在最后添加一行
????????????3.?點擊刪除按鈕，則刪除當前行*/
????????function?btn()?{?//添加按鈕功能實現
????????????var?tabl=document.getElementsByTagName("table");
????????????var?str?=?document.createElement("tr");
????????????str.style.height?=?"20px";
????????????str.innerHTML?=?"<td>"?+?"<td>"?+?"<td>"?+?"<a?onclick=ace()?href=javascript:;>刪除";
????????????tabl[0].appendChild(str);
????????}
????????//刪除功能的實現
????????function?ace(){
????????????var?tabl=document.getElementsByTagName("table");
????????????var?x=tabl.removeChild(table.childNodes());
????????}
????</script>
</head>
<body>
????<table?border="1"?width="50%"?id="table">
????????<tr>
????????????<th>學號</th>
????????????<th>姓名</th>
????????????<th>操作</th>
????????</tr>
????????<tr>
????????????<td>xh001</td>
????????????<td>王小明</td>
????????????<td><a?href="javascript:;"?onclick="ace()">刪除</a></td>
????????????<!--在刪除按鈕上添加點擊事件??-->
????????</tr>
????????<tr>
????????????<td>xh002</td>
????????????<td>劉小芳</td>
????????????<td><a?href="javascript:;"?onclick="ace()">刪除</a></td>
????????????<!--在刪除按鈕上添加點擊事件??-->
????????</tr>
????</table>
????<input?type="button"?value="添加一行"?onclick="btn()"?id="inu"?/>
????<!--在添加按鈕上添加點擊事件??-->
</body>
</html>
2019-09-10
可以參見我的答案: