问答详情
源自：9-22 编程练习

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

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

提问者：DAIsyKARson 2016-08-02 14:13

个回答

  • 水里有条鱼
    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>


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

    谢谢，会啦！！

    0