点击删除按钮只删除删除按钮,我的删除按钮上已绑定了事件啊?

来源:9-22 编程练习

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>   <!--在删除按钮上添加点击事件  -->

http://img.mukewang.com/57a03a0100018f8f01780074.jpg

写回答 关注

2回答

  • 水里有条鱼
    2016-08-02 14:40:25
    已采纳

    不是删除的问题,而是你在构建的时候多了一层节点(节点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>


    水里有条鱼

    修改后那个mouseEvent();还是要的,忘了打上去

    2016-08-02 14:41:40

    共 1 条回复 >

  • DAIsyKARson
    2016-08-02 15:00:28

    谢谢,会啦!!

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468061 学习 · 21891 问题

查看课程

相似问题