js動態綁定click事件時function傳參問題

今天碰到了這樣一個問題，我在javascript中動態建立了一個button，

而後我想給改button添加click事件，綁定的function想要傳入一個變量參數，

一開始我想直接經過函數傳參傳進來，然而不知道爲何，click事件沒法正常響應，

最後發現能夠這麼作，將須要傳入的參數加入button的屬性中，而後經過getAttribute()得到：

 1 function add_book_panel(infor){    
 2     //在這個函數中進行DOM元素操做，須要傳入參數infor
 3     …
 4     var button = document.createElement("button");
 5     button.setAttribute("infor",infor);
 6     button.addEventListener("click", function(){
 7         document.getElementById("id").innerText = this.getAttribute('infor');
 8     });
 9     …
10 }