добавить событие 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.addEventListener('click', yourFunction) Обратите внимание на отсутствие паратезов () после имени функции.Это потому, что вы назначаете функцию, а не вызываете ее.

Answer 4

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

или

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

Answer 5

Этот код хорошо работает для меня и выглядит проще.Необходимо вызвать функцию с определенным параметром.

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 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 inputTag = document.createElement("div");              
inputTag.innerHTML = "<input type = 'button' value = 'oooh' onClick = 'your_function_name()'>";    
document.body.appendChild(inputTag);

Это создаст кнопку внутри DIV, которая отлично работает!

Answer 8

but.onclick = callJavascriptFunction;

без двойных кавычек без скобок.