在一次单击事件中添加多个元素时，Javascript关闭行为错误

Question

我有一个单击处理程序，该处理程序接受输入，分割为“，”，并将元素添加至ul元素。当我添加单个元素时，它可以工作，我可以通过单击“ X”将其从列表中删除，但是当我一次添加多个元素时，只能删除最后一个元素，而所有其他元素都可以删除最后一个元素。

这是我的代码；

  addButton.onclick = function() {
    var text = textInput.value;
    var array = text.split(",");
    for (var i = 0; i < array.length; i++) {
      var listElement = document.createElement("li");
      var listText = document.createElement("span");
      var removeButton = document.createElement("button");

      listElement.appendChild(listText);
      listElement.appendChild(removeButton);

      removeButton.innerText = "X";
      listText.innerText = array[i];

      liste.appendChild(listElement);

      removeButton.onclick = function() {
        removeFromList(removeButton);
      };
    }
  };

如果在单击事件中我console.log removeButton总是记录最后一个按钮。