onmouseover funktioniert nicht, wenn Javascript zum Hinzufügen eines img-Tags im IE verwendet wird
Ich benötige Javascript-Code, der einem div dynamisch ein img-Tag hinzufügt, und das img-Tag benötigt onmouseover- und onmouseout-Handler.
Ich habe es auf Firefox arbeiten. Aber es funktioniert nicht ganz auf IE. Im IE wird das Tag img hinzugefügt, die Handler onmouseover und onmouseout sind jedoch nicht aktiv.
Hier ist der Code:
<body>
<div id='putImageHere' />
<script type='text/javascript'>
var node = document.getElementById('putImageHere');
var img = document.createElement('img');
img.setAttribute('src', 'http://sstatic.net/so/img/logo.png');
node.appendChild(img);
// first attempt, which works on Firefox but not IE
img.setAttribute('onmouseover', "alert('mouseover')");
img.setAttribute('onmouseout', "alert('mouseout')");
// second attempt, which I thought would work on IE but doesn't
img.addEventListener('mouseover', function() { alert('mouseover') }, false);
img.addEventListener('mouseout', function() { alert('mouseout') }, false);
</script>
</body>