js 利用点击事件获取到了当前的标签 如何删除当前标签 ul li中 如何操作 找到第三个li并删除
时间: 2024-01-07 15:05:20 浏览: 67
js a标签点击事件
5星 · 资源好评率100%
可以使用`addEventListener`函数为需要删除的元素绑定点击事件,然后在事件处理函数中获取到当前的标签,并从DOM树中删除它。对于`ul`和`li`标签,可以使用`querySelector`或`getElementById`等方法获取它们的引用,然后使用`removeChild`方法删除指定的子元素。
以下是一个示例代码,可以实现找到第三个`li`并删除它:
```html
<ul id="myList">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
<script>
var myList = document.getElementById("myList");
var thirdLi = myList.getElementsByTagName("li")[2];
thirdLi.addEventListener("click", function() {
myList.removeChild(thirdLi);
});
</script>
```
在上面的代码中,首先获取了`ul`元素的引用,然后使用`getElementsByTagName`方法获取到所有的`li`元素,并选择第三个元素。接着,为第三个`li`元素绑定了一个点击事件,当用户点击它时,就会从`ul`元素中删除它。
阅读全文