body.cloneNode get rid of js code ....

[whisher]

Hi.
I'm wondering why on earth if
I try a thing like this:

var bodyEl= document.getElementsByTagName('body')[0];
var cloneBody= bodyEl.cloneNode(true);
var htmlEl= document.getElementsByTagName('html')[0];
htmlEl.removeChild(bodyEl);
//alert(bodyEl);
//alert(cloneBody);
htmlEl.appendChild(cloneBody); 

all the events and their handlers disappear
ie

function imgs(){
        var el= document.getElementsByTagName('img');
        for(var i=0,len=el.length;i<len;i++){
            addEvent(el.item(i),'click',popunder);
        }
    } 

Bye.

[mrhoo]

event listeners are not cloned with cloneNode.

[whisher]

That's good to know
Thanks.
Bye.

[Pepejeria]

The attached events are copied:

<p onclick="alert('clicked');">click me</p>
<script type="text/javascript">
var p = document.getElementsByTagName("p")[0];
// clone the paragraph
var newP = p.cloneNode(true);
// add clone to document.body
document.body.appendChild(newP);
</script>

When are you adding the events?

[mrhoo]

I should have said, listeners added with addEventListener are not cloned.
The logic of this is that cloning an element and replacing the original with the clone is sometimes the only way to remove anonymous listeners from the element.

[Pepejeria]

Yes, events attached with addEventListner are not cloned. But... sadly, they are in IE when using attachEvent.