thêm sự kiện onclick vào nút được thêm động?

Question

Tôi thêm một nút tự động trong html như dưới đây: On click nút mà tôi muốn gọi một hàm 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; 

Có cách nào để giải quyết này ?? Plz giúp tôi, nhờ trước

Answer 1

thử điều này:

but.onclick = callJavascriptFunction; 

hoặc tạo nút bằng cách gói nó với yếu tố khác và sử dụng innerHTML:

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

Answer 2

Xóa() khỏi các biểu thức của bạn không hoạt động sẽ nhận được kết quả mong muốn mà bạn cần.

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

Answer 3

but.onclick = callJavascriptFunction; 

không dấu ngoặc kép không có dấu ngoặc đơn.

Answer 4

Hãy thử
but.addEventListener('click', yourFunction) Lưu ý vắng mặt của parantheses () sau Tên chức năng. Điều này là do bạn đang gán chức năng, không gọi nó.

Answer 5

Hãy thử điều này:

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

này tạo ra một nút bên trong một DIV mà hoạt động hoàn hảo!

Answer 6

Tôi đã gặp sự cố tương tự nhưng không có bản sửa lỗi nào trong số các bản sửa lỗi này hoạt động. Vấn đề là nút của tôi chưa có trên trang. Việc sửa chữa cho điều này rốt cuộc là đi từ này:

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

này:

//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"); } 

tôi không có đầu mối ở tất cả các lý do tại sao các công trình này. Thêm nút vào trang và đề cập đến nó theo bất kỳ cách nào khác không hoạt động.

Answer 7

Mã này hoạt động tốt với tôi và trông đơn giản hơn. Cần thiết để gọi một hàm với tham số cụ thể.

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();};

hoặc

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