<!doctype?html>
<html>
<head>
<meta?charset="utf-8">
<title>制作一個(gè)表格，顯示班級(jí)的學(xué)生信息</title>
<script?type="text/javascript">
function?removeChild(){
var?otest=document.getElementById("table");
var?node=otest.childNodes;
for(var?i=0;i<node.length;i++){
var?x=otest.removeChild(otest.childNodes[i]);
}
}
</script>
</head>
<body>
<table?border="1"?width="50%"?id="table">
??<tr>
????<th>學(xué)號(hào)</th>
????<th>姓名</th>
????<th>操作</th>
??</tr>
??<tr>
????<td>xh001</td>
????<td>王小明</td>
????<td><a?href="javascript:removeChild();">刪除</a></td>????<!--在刪除按鈕上添加點(diǎn)擊事件??-->
??</tr>
??<tr>
????<td>xh002</td>
????<td>劉小芳</td>
????<td><a?href="javascript:removeChild();">刪除</a></td>???<!--在刪除按鈕上添加點(diǎn)擊事件??-->
??</tr>
</table>
<input?type="button"?value="添加一行"?onClick="add()"??/>?????????<!--在添加按鈕上添加點(diǎn)擊事件??-->
</body>
</html>
2016-12-15
不是這樣寫的 你這樣寫的意思是點(diǎn)擊刪除 按照table的子級(jí)按照子級(jí)數(shù)量重復(fù)刪除直到刪除全部，正確的思路是獲取當(dāng)前刪除的位置 也就是獲取這一行 然后點(diǎn)擊刪除后用this獲取到這一行 然后再講這一行removeChild掉 這里面的知識(shí)有一些之前沒有提及到的信息 你可以參考一下別人代碼然后不懂的部分去查看一下 這是什么 有什么用?
2016-12-15
也就是你方法下面的removeChild()中寫成removeChild(this)就能獲取 但是不知道為什么?a?href="javascript:removeChild(this);"這養(yǎng)寫 里面的代碼執(zhí)行了不行 改成 oncilck=“removeChild(this);”才行