javascript 删除节点

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">
    </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">
    </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节点

 

Tagged: , ,

Comments are closed.