Dans l'exemple de code suivant, j'attache un onclick
gestionnaire d'événements à la plage contenant le texte «foo». Le gestionnaire est une fonction anonyme qui affiche un fichier alert()
.
Cependant, si j'assigne au nœud parent innerHTML
, ce onclick
gestionnaire d'événements est détruit - cliquer sur "foo" ne parvient pas à afficher la boîte d'alerte.
Est-ce réparable?
<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>