添加onclick事件來動態添加按鈕？

Question

我動態添加一個按鈕，在HTML象下面這樣： 該按鈕的點擊我要調用一個JavaScript函數：

var but = document.createElement("button"); 

but.value="delete row"; 

but.setAttribute("onclick","callJavascriptFunction()"); 
//this is not working 

but.onclick="callJavascriptFunction()" 
//this is also not working 

document.getElementById("but").onclick="callJavascriptFunction()" 
//this is also not working 

but.id="but"+inc; 

是否有解決這個任何方式?? plz幫助我，謝謝 提前

Answer 1

試試這個：

but.onclick = callJavascriptFunction; 

或通過與其他元素包裹它創建按鈕，並使用innerHTML：

var span = document.createElement('span'); 
span.innerHTML = '<button id="but' + inc +'" onclick="callJavascriptFunction()" />'; 

Answer 2

從您的表達式中刪除（）不工作將得到您需要的所需結果。

but.setAttribute("onclick",callJavascriptFunction); 
but.onclick= callJavascriptFunction; 
document.getElementById("but").onclick=callJavascriptFunction; 

Answer 3

but.onclick = callJavascriptFunction; 

沒有雙引號沒有括號。

Answer 4

嘗試
but.addEventListener('click', yourFunction) 注意缺席後的括號()的函數名稱。這是因爲你正在分配函數，而不是調用它。

Answer 5

試試這個：

var inputTag = document.createElement("div");    
inputTag.innerHTML = "<input type = 'button' value = 'oooh' onClick = 'your_function_name()'>";  
document.body.appendChild(inputTag); 

這其中完美的作品一個DIV內創建一個按鈕！

Answer 6

我有一個類似的問題，但沒有這些修復工作。問題是我的按鈕還沒有在頁面上。對此問題進行修復結束了自這是怎麼回事：

//Bad code. 
var btn = document.createElement('button'); 
btn.onClick = function() { console.log("hey"); } 

這樣：

//Working Code. I don't like it, but it works. 
var btn = document.createElement('button'); 
var wrapper = document.createElement('div'); 
wrapper.appendChild(btn); 

document.body.appendChild(wrapper); 
var buttons = wrapper.getElementsByTagName("BUTTON"); 
buttons[0].onclick = function(){ console.log("hey"); } 

我不知道在所有的爲什麼這個工程。將該按鈕添加到頁面並以任何其他方式引用它都不起作用。

Answer 7

此代碼對我很好，看起來更簡單。必須使用特定參數調用函數。

var btn = document.createElement("BUTTON"); //<button> element 
var t = document.createTextNode("MyButton"); // Create a text node 
btn.appendChild(t); 

btn.onclick = function(){myFunction(myparameter)}; 
document.getElementById("myView").appendChild(btn);//to show on myView 

Answer 8

but.onclick = function() { yourjavascriptfunction();};

或

but.onclick = function() { functionwithparam(param);};