Hola:
Los eventos creados dinámicamente no lo sé, pero si están definidos desde el prncipio se clonan también...
Fíjate en este ejemplo:
Código:
<html>
<head>
<title>
Clonación
</title>
<script type="text/javascript">
function sube(que) {
var nuevo = que.cloneNode(true);
que.parentNode.appendChild(nuevo);
que.parentNode.removeChild(que);
}
</script>
</head>
<body >
<div id="contenedor" style="position: relative; height: 200px">
<div id="amarillo" style="width: 120px; height: 120px; background-color: yellow; position: absolute; top: 5px; left: 5px; border: 1px solid black" onclick="sube(this)"></div>
<div id="rojo" style="width: 120px; height: 120px; background-color: red; position: absolute; top: 35px; left: 35px; border: 1px solid black" onclick="sube(this)"></div>
<div id="azul" style="width: 120px; height: 120px; background-color: blue; position: absolute; top: 65px; left: 65px; border: 1px solid black" onclick="sube(this)"></div>
</div>
</body>
</html>
Pinchando sobre cualquier recuadro se clona y superpone al resto, manteniendo estilos y eventos (sirve pas simular un z-index alto...)
Saludos
