En el siguiente código de ejemplo, adjunto un onclick
controlador de eventos al intervalo que contiene el texto "foo". El controlador es una función anónima que muestra un archivo alert()
.
Sin embargo, si lo asigno al nodo principal innerHTML
, este onclick
controlador de eventos se destruye; al hacer clic en "foo" no aparece el cuadro de alerta.
¿Es esto reparable?
<html>
<head>
<script type="text/javascript">
function start () {
myspan = document.getElementById("myspan");
myspan.onclick = function() { alert ("hi"); };
mydiv = document.getElementById("mydiv");
mydiv.innerHTML += "bar";
}
</script>
</head>
<body onload="start()">
<div id="mydiv" style="border: solid red 2px">
<span id="myspan">foo</span>
</div>
</body>
</html>