Remove and replace another onclick function in a div through Pure Javascript?
Question
I have this below span div and I copy this to another place in the DOM. But the onclick function I need to remove and place another onclick function.
<span class="plus childNode1" onclick="expand_collapseChildnodes('childNode1')" id="abc"></span>
Here I have to remove the onclick="expand_collapseChildnodes('childNode1')" for the copied element and replace it with onclick="checkNodes('childNode1')"
3 answers
solution1
3 ACCPTED 2013-08-20 09:34:38
Consider a sample HTML page:
<html>
<head>
</head>
<body>
<div id ="d1">
<span class="plus childNode1" onclick="expand_collapseChildnodes('childNode1')" id="abc"></span>
</div>
<div id ="d2">
</div>
</body>
</html>
Now to move the element with id abc from DOM element with id d1 to another with id d2
//get the element
var element = document.getElementById("abc");
//detach from source
document.getElementById("d1").removeChild(element);
//remove onclick attribute
element.removeAttribute("onclick");
//add the modified attribute
element.setAttribute("onclick", "sampleFunc()");
//attach the element to another source
document.getElementById("d2").appenChild(element);
solution2
1
var div=document.getElementsByTagName("div");
var span=document.getElementById("abc");
var newSpan=span.cloneNode(true);
newSpan.setAttribute("id","newID"); //change id
newSpan.setAttribute("onclick","myFunc()"); //change onclick event handler
div[0].appendChild(newSpan);
solution3
0 2013-08-20 09:42:03
document.getElementById("abc").onclick = function (){checkNodes('childNode1');}
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Hide a div onclick in pure javascript
javascript remove div onclick
OnClick Hide Div with Pure JavaScript for Notification bar
onclick event to remove image pure javascript
Replace HTML content using javaScript function onclick div?
Hide a div onclick through javascript
JavaScript: onclick remove div with iframe
How to echo mysqli results in a div with an onclick for javascript function which contains another onclick for different javascript function
Remove div and replace using button onclick
Remove div block and replace it by another
Related Tags