奇怪的JS问题，为什么不执行onclick事件？？

Question

动态创建的DIV里有一张图片，想要点击图片执行事件，下面的就是不执行，哪里的问题啊？？是不是代码写错了？ 能正常显示图片，就是不执行事件。
var container = document.getElementById('div1');
oDiv = document.createElement("div");
oDiv.id = "container0";
oDiv.style = "position:absolute; z-index:9990;left:20%; top:30%;";
oDiv.innerHTML = "<img src='/image/error.png' id='tests' onclick='del(this)'/>";
container.appendChild(oDiv);

Answer 1

代码没有问题。谷歌浏览器按F12打开调试工具，用箭头定位到你生成onclick的标签上，看看那些代码是否正常生成了html属性。特别是onclick里面的del()函数。如：

Answer 2

这段代码是不是在页面加载完成之后执行？

window.onload = function () {
            var container = document.getElementById('div1');
            oDiv = document.createElement("div");
            oDiv.id = "container0";
            oDiv.style = "position:absolute; z-index:9990;left:20%; top:30%;";
            oDiv.innerHTML = "<img src='/image/error.png' id='tests' onclick='del(this)'/>";
            container.appendChild(oDiv);
        }
        function del(obj) {
            alert("弹出成功");
        }

你再试试

本回答被提问者采纳