Javascript:在div内的图像顶部接收onClick，可以完成吗？

Question

我基本上设置了一个带有 onClick 操作的 div，如下所示:

myDiv.setAttribute("onclick", myAction);

然后，我将图像放置在 div 内，如下所示:

myDiv.innerHTML = '<img src="' + myImage + '" height="' + myDiv.height + '" width="' + myDiv.width + '">';

.width 和 . height 是我为 myDiv 创建的属性。

所以我的问题是，当我将图像放入div内时，myDiv的onClick没有响应，有没有办法解决这个问题。我知道 div 属性 backgroundImage，但该属性不支持在所有浏览器中自定义大小。我试图给图像提供与 div 相同的 onClick 操作，但这变得很困惑，有没有办法让 javascript 忽略图像并在 div 中注册单击，即使单击是在 div 内的图像中？

问题的直观解释:

http://bildr.no/view/860258

谢谢。

Answer 1

与其覆盖 div 的innerHTML，为什么不做这样的事情呢？

var img = document.createElement('img');
img.setAttribute('src', myImage);
img.setAttribute('width', myDiv.width);
img.setAttribute('height', myDiv.height);
myDiv.appendChild(img);