為什么使用兩種刪除刪除函數時,都會出現(xiàn)以下情況?第一次點擊第一行的刪除正常刪除,第二次無論點第二行還是第三行的刪除所有行都被刪除;第一次無論點第二行還是第三行的刪除,所有行全被刪除?(360,chrome,ie下均是如此)
<!DOCTYPE html>
<html>
?<head>
? <title> new document </title>??
? <meta http-equiv="Content-Type" content="text/html; charset=gbk"/>? ?
? <script type="text/javascript">?
?// 創(chuàng)建刪除函數
? ? /*第一種刪除函數
? ? function del(obj)
? ? {
? ? ? ? var tbody=document.getElementById("table").lastChild;
? ? ? ? var tr=obj.parentNode.parentNode;
? ? ? ? tbody.removeChild(tr);
? ? }
? ? */
? ? ?
? ? ?//第二種刪除函數
? ? ?function del(obj)
? ? ?{
? ? ? ? ?var tr=obj.parentNode.parentNode;
? ? ? ? ?var tb=tr.parentNode;
? ? ? ? ?tb.removeChild(tr);
? ? ?}
?</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="del(this);return false;" >刪除</a></td>? ?<!--在刪除按鈕上添加點擊事件? -->
? ?</tr>
? ?<tr>
<td>xh002</td>
<td>劉小芳</td>
<td><a href="javascript;" onclick="del(this)" >刪除</a></td>? ?<!--在刪除按鈕上添加點擊事件? -->
? ?</tr>?
? ?
? ?<tr>
<td>xh003</td>
<td>aa</td>
<td><a href="javascript;" onclick="del(this)" >刪除</a></td>? ?<!--在刪除按鈕上添加點擊事件? -->
? ?</tr>?
? ?</table>
? ?<input type="button" value="添加一行" onclick="add()" />? ?<!--在添加按鈕上添加點擊事件? -->
?</body>
</html>
2018-11-12
自己找了一個小時搞明白原因了,第二行和第三行的a href="javascript;"中javascript后誤刪了冒號