how to call onclick function on dynamically created button in javascript - Stack Overflow

admin管理员组

文章数量:1220423

var del = document.createElement('input');
del.type = 'button';
del.name = 'delll';
del.value = 'del';
del.onClick = 'alert("hi  javascript")';

Here I have dynamically created a input type BUTTON and now I want to call function on button click event. I am using onClick(); function for this. In the above code all is working fine but del.onclick is not working as I want (for generating alert for demo)

I am not using any jquery code in this program so please don't use any jquery code.

var del = document.createElement('input');
del.type = 'button';
del.name = 'delll';
del.value = 'del';
del.onClick = 'alert("hi  javascript")';

Here I have dynamically created a input type BUTTON and now I want to call function on button click event. I am using onClick(); function for this. In the above code all is working fine but del.onclick is not working as I want (for generating alert for demo)

I am not using any jquery code in this program so please don't use any jquery code.

• javascript
• button
• dynamically-generated

Share Improve this question Follow edited Jul 14, 2017 at 22:11 marcadian 2,6181414 silver badges2020 bronze badges asked Sep 16, 2013 at 6:30 user2750762user2750762 41922 gold badges66 silver badges2525 bronze badges 1

• Take a look at this answer stackoverflow.com/questions/6956258/… – Neeraj Commented Sep 16, 2013 at 6:35

Add a comment  | 

4 Answers 4

Sorted by: Reset to default 7

set the onclick (all lower case) to an anonymous function

del.onclick = function(){ alert('hi javascript');};

note the function is not in quotes like other attributes

del.onclick = function () {
    alert("hi  jaavscript");
};

Use small "C" in onClick and pass a function for it.

Demo here

Try like this

    var del = document.createElement('input');
    del.setAttribute('type', 'button');
    del.setAttribute('name', 'delll');
    del.setAttribute('value', 'del');
    del.setAttribute('onClick', 'alert("hi  jaavscript")');

So to answer the question in details:

del.onclick = '' does not "execute" something within quotes. If you want to execute/call a function, you would want to pass the function as a parameter.

i.e

del.onclick = function() { alert('hi there!')}

本文标签： how to call onclick function on dynamically created button in javascriptStack Overflow