JS Dynamic binding of the Click event when the function parameter is passed

Today I ran into a problem where I dynamically created a button in JavaScript,

Then I want to add the click event to the Change button, and the binding function wants to pass in a variable parameter,

At first I wanted to pass through the function directly, but I don't know why the Click event doesn't respond properly.

Finally, you can do this by adding the parameter that you want to pass in to the button's property, and then get it by GetAttribute ():

1 functionAdd_book_panel (infor) {2     //The DOM element operation in this function requires an incoming parameter infor3 ... ..4     varbutton = document.createelement ("button");5Button.setattribute ("Infor", infor);6Button.addeventlistener ("click",function(){7document.getElementById ("id"). innerText = This. getattribute (' infor ');8     });9 ... ..Ten}

JS Dynamic binding of the Click event when the function parameter is passed