Js删除节点

Js删除节点

 方式一：传this参数调用方法：

1.jsp页面代码：

<p>
    <input id="uploadImage" value="" type="file" name="uploadImage" size="50" />
    <a href="javascript:void(0);" onclick="deleteNode(this)" >
        <img src="$!{request.contextPath}/images/lend/close.png" class="closea">
    </a>
</p>

2.js脚本代码：

function deleteNode(obj) {
    var p= obj.parentNode;
     if(p){
         p.remove();
     }
}

 方式二：js方法中通过选择器获取节点：

1.jsp页面代码：

<p>
    <input id="uploadImage" value="" type="file" name="uploadImage" size="50" />
    <a id="deleteId" href="javascript:void(0);" onclick="deleteNode()" >
        <img src="$!{request.contextPath}/images/lend/close.png" class="closea">
    </a>
</p>

2.js脚本代码：

function deleteNode() {
    var a= doucment.getElementById("deleteId");
    a.parentNode.removeChild(div);
 
    //或者
    a.remove()
 
    //此处删除的是a节点
}

方式三：通过jQuery方式获取节点：（尚未测试，有待测试。。。）

此处a标签传this到js中，js通过this（即a节点）取parent（即p节点）

那么：

（1）p.remove();可直接删除整个p节点

（2）p.parentNode.removeChild(p);也可以直接删除整个p节点

（3）p.removeChild(obj);可以删除整个a节点

（4）obj.parentNode.removeChild(obj);也可以删除整个a节点