内部的onclick功能不能正常工作

Question

我在这里创造的onclick函数内部的onclick现在的工作

element.onclick = function(e) { 
var div = document.getElementById("message"); 
var div1= document.getElementById("send"); 
var input = document.createElement("textarea"); 
var button = document.createElement("input"); 
button.setAttribute("type", "submit"); 
button.setAttribute("value", "send"); 
button.setAttribute("id", candidateId); 
input.name = "post"; 
input.maxLength = "500"; 
input.cols = "30"; 
input.rows = "10"; 
div.appendChild(input); //appendChild 
div.appendChild(button); 
console.log(button) 
button.onclick = function(e) { 

alert("comming") 
}      

} 

这里button.onclick功能不开火，任何一个可以帮助我..

Answer 1

在你的代码只对事件有约束力。如果你想要启动它，然后结合后触发它：

element.onclick = function(e) { 
    var div = document.getElementById("message"); 
    var div1 = document.getElementById("send"); 
    var input = document.createElement("textarea"); 
    var button = document.createElement("input"); 
    button.setAttribute("type", "submit"); 
    button.setAttribute("value", "send"); 
    button.setAttribute("id", candidateId); 
    input.name = "post"; 
    input.maxLength = "500"; 
    input.cols = "30"; 
    input.rows = "10"; 
    div.appendChild(input); //appendChild 
    div.appendChild(button); 
    console.log(button) 
    button.onclick = function(e) { // <-----binding is here 
    alert("comming") 
    } 

    button.click(); // <-----trigger it here 

}