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

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

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

一開始我想直接通過函數傳參傳進來，然而不知道為什么，click事件無法正常響應，

最后發現可以這么做，將需要傳入的參數加入button的屬性中，然后通過getAttribute()獲得：

function add_book_panel(infor){    
    //在這個函數中進行DOM元素操作，需要傳入參數infor
    …
    var button = document.createElement("button");
    button.setAttribute("infor",infor);
    button.addEventListener("click", function(){
        document.getElementById("id").innerText = this.getAttribute('infor');
    });
    …
}