如何使用vanilla javascript在单击时删除<li>？

使用vanilla JavaScript在单击时删除<li>的方法有多种。以下是其中一种常见的实现方式：

1. 首先，为要删除的<li>元素添加一个事件监听器，监听单击事件。
2. 在事件处理函数中，使用JavaScript的DOM操作方法，找到要删除的<li>元素。
3. 使用父节点的removeChild()方法，将该<li>元素从DOM树中移除。

下面是一个示例代码：

// 获取要删除的<li>元素
var listItem = document.querySelector('li');

// 添加单击事件监听器
listItem.addEventListener('click', function() {
  // 获取父节点
  var parent = listItem.parentNode;
  // 从DOM树中移除<li>元素
  parent.removeChild(listItem);
});

这段代码会在单击<li>元素时，将其从DOM树中删除。你可以根据实际情况修改选择器，以获取你想要删除的具体<li>元素。

这种方法适用于简单的场景，如果你的应用需要更复杂的交互或动画效果，可能需要使用其他JavaScript库或框架来简化开发。