Nel seguente codice di esempio, allego un onclick
gestore di eventi allo span contenente il testo "foo". Il gestore è una funzione anonima che fa apparire un file alert()
.
Tuttavia, se assegno al nodo genitore innerHTML
, questo onclick
gestore di eventi viene distrutto - facendo clic su "pippo" non viene visualizzata la finestra di avviso.
È risolvibile?
<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>