我需要一些 javascript 代码来动态地将 img 标签添加到 div，并且 img 标签需要 onmouseover 和 onmouseout 处理程序。
我已经在 Firefox 上运行了。但它在 IE 上不太适用。在 IE 上，添加了 img 标签，但 onmouseover 和 onmouseout 处理程序未激活。
这是代码：
<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>
if (img.addEventListener) {
img.addEventListener('mouseover', function() {}, false);
img.addEventListener('mouseout', function() {}, false);
} else { // IE
img.attachEvent('onmouseover', function() {});
img.attachEvent('onmouseout', function() {});
}
考虑使用许多流行的 javascript 库（jquery、prototype 等）之一。它们隐藏了浏览器的不一致，因此您无需担心编写上面的代码。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
