在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

你的代碼是CORRCT，但是你沒有設置的你的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 2

試試這個：

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

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

Answer 3

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

這應該有所幫助。