Внутри 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 

}