删除的是第一个列表项,而不是选定的项。
在前端开发中,列表项通常是通过HTML的<ul>
和<li>
标签来创建的。当需要删除列表项时,可以使用JavaScript来实现。
以下是一个示例代码,演示如何删除第一个列表项:
<!DOCTYPE html>
<html>
<head>
<title>删除列表项</title>
<script>
function deleteFirstItem() {
var list = document.getElementById("myList");
if (list.hasChildNodes()) {
list.removeChild(list.firstChild);
}
}
</script>
</head>
<body>
<ul id="myList">
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>
<button onclick="deleteFirstItem()">删除第一个列表项</button>
</body>
</html>
在上述代码中,我们首先通过getElementById
方法获取到列表元素的引用,然后使用hasChildNodes
方法检查列表是否有子节点。如果有子节点,我们使用removeChild
方法删除第一个子节点。
这样,当点击"删除第一个列表项"按钮时,第一个列表项将被删除。
这种方法适用于任何包含列表项的HTML页面,无论是静态页面还是动态生成的页面。
领取专属 10元无门槛券
手把手带您无忧上云