在html格式的现有列表中使用javascript添加删除按钮

<ul id="myList">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

var myList = document.getElementById("myList");
var listItems = myList.getElementsByTagName("li");

for (var i = 0; i < listItems.length; i++) {
  var deleteButton = document.createElement("button");
  deleteButton.innerHTML = "删除";
  listItems[i].appendChild(deleteButton);
}

for (var i = 0; i < listItems.length; i++) {
  var deleteButton = document.createElement("button");
  deleteButton.innerHTML = "删除";
  listItems[i].appendChild(deleteButton);

  deleteButton.addEventListener("click", function() {
    this.parentNode.remove();
  });
}