如何使用Javascript在不干扰html列表中其他项的情况下删除列表项

<ul id="myList">
  <li>列表项 1 <a class="delete-btn">删除</a></li>
  <li>列表项 2 <a class="delete-btn">删除</a></li>
  <li>列表项 3 <a class="delete-btn">删除</a></li>
</ul>

// 获取列表的父元素
var list = document.getElementById("myList");

// 监听点击事件
list.addEventListener("click", function(event) {
  // 判断点击的元素是否为删除按钮
  if (event.target.classList.contains("delete-btn")) {
    // 获取要删除的列表项
    var listItem = event.target.parentNode;
    
    // 从DOM树中移除列表项
    list.removeChild(listItem);
  }
});