adding onclick event to dynamically added button

Question

I am adding a button dynamically in html like below  On click of that button I want to call a Javascript function   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    Are there any ways to resolve this  Plz help me   thanks in advance

User · Answer

but onclick   callJavascriptFunction    no double quotes no parentheses

User · Answer

try this   but onclick   callJavascriptFunction    or create the button by wrapping it with another element and use innerHTML   var span   document createElement  span    span innerHTML     lt button id  but    inc     onclick  callJavascriptFunction      gt

User · Answer

I was having a similar issue but none of these fixes worked   The problem was that my button was not yet on the page   The fix for this ended up being going from this     Bad code  var btn   document createElement  button    btn onClick   function      console log  hey         to this     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         I have no clue at all why this works   Adding the button to the page and referring to it any other way did not work

User · Answer

Try but addEventListener  click   yourFunction  Note the absence of parantheses    after the function name  This is because you are assigning the function  not calling it

User · Answer

Try this   var inputTag   document createElement  div                  inputTag innerHTML     lt input type    button  value    oooh  onClick    your function name    gt        document body appendChild inputTag     This creates a button inside a DIV which works perfectly

User · Answer

but onclick   function     yourjavascriptfunction       or  but onclick   function     functionwithparam param

User · Answer

Remove the    from your expressions that are not working will get the desired results you need   but setAttribute  onclick  callJavascriptFunction   but onclick  callJavascriptFunction  document getElementById  but   onclick callJavascriptFunction

User · Answer

This code work good to me and look more simple  Necessary to call a function  with specific parameter   var btn   document createElement  BUTTON        lt button gt  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

[javascript] adding onclick event to dynamically added button?

Examples related to javascript

Examples related to html

Examples related to forms