DAIsyKARson
2016-08-02 14:13
function remove(obj){ var aa=obj.parentNode.parentNode; var dd=aa.parentNode; dd.removeChild(aa); }
<td><a href="javascript:;" onclick="remove(this)" >删除</a></td> <!--在删除按钮上添加点击事件 -->
不是删除的问题,而是你在构建的时候多了一层节点(节点a),所以删除起来不对。
错误代码:
var td=document.createElement("td");
var del=document.createElement("a");
del.innerHTML="<a href='javascript:;' onclick='remove(this)'>删除</a>";
td.appendChild(del);
tr.appendChild(td);
aa.appendChild(tr);
mouseEvent();
错误生成效果:
<tr>
<td></td>
<td></td>
<td>
<a>
<a href="javascript:;" onclick="remove(this)">删除</a>
</a>
</td>
</tr>
修改后代码:
var td=document.createElement("td");
td.innerHTML="<a href='javascript:;' onclick='remove(this)'>删除</a>";
tr.appendChild(td);
aa.appendChild(tr);
修改后生成效果:
<tr>
<td></td>
<td></td>
<td>
<a href="javascript:;" onclick="remove(this)">删除</a>
</td>
</tr>
谢谢,会啦!!
JavaScript进阶篇
468192 学习 · 21891 问题
相似问题