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

Question

我正在单击按钮创建一个新的 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();
}

谁能快速帮助我

Answer 1

(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);
})();

这应该会有所帮助。

Answer 2

你的代码是正确的，但是你没有设置你的文本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

Answer 3

尝试这个：

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

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