在javascript中新创建的div中添加点击事件答案

【问题标题】：adding click event in newly created div in javascript在javascript中新创建的div中添加点击事件
【发布时间】：2013-09-21 22:52:58
【问题描述】：

我正在单击按钮创建一个新的 div，并且在该 onclick 函数中我正在向新创建的 div 添加一个单击事件，但它不起作用。

document.getElementById('blah').onclick = function(){
    var innerDiv = document.createElement("div");
    document.getElementById('container').appendChild(innerDiv);
innerDiv.onclick =createWorkFunction;
}
function createWorkFunction(e){
 alert();
}

谁能帮帮我

【问题讨论】：

检查已编辑的问题
您的代码正在运行。 jsfiddle.net/itay1989/ttVZn/1
该代码运行良好。
@Itay 感谢您的澄清。

标签： javascript

【解决方案1】：

你的代码是正确的，但是你没有设置div的文本（一个空的div不能被用户点击），试试这个：

document.getElementById('blah').onclick = function(){
    var innerDiv = document.createElement("div");
    innerDiv.innerHTML = 'This is a div'; // set it's text
    document.getElementById('container').appendChild(innerDiv);
    innerDiv.onclick = createWorkFunction;
}
function createWorkFunction(e){
    alert('this is some text');
}

另外最好使用addEventListener

【讨论】：

在哪里使用？为什么它更好？
@Itay 和 onclick 只能将单个事件监听器附加到元素，但 addEventListener 可以附加多个事件监听器，onclick 也主要用于旧浏览器

【解决方案2】：

(function() {
    var oBlah = document.getElementById('blah');
    oBlah.addEventListener('click', function() {
        var innerDiv = document.createElement("div");
        document.getElementById('container').appendChild(innerDiv);
    }, false);
    innerDiv.addEventListener('click', function() {
        alert();
    }, false);
})();

这应该会有所帮助。

【讨论】：

【解决方案3】：

试试这个：

innerDiv.setAttribute("onclick","createWorkFunction()")   

function createWorkFunction(){
 alert("working");
}

【讨论】：