添加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);};