JS练习_BOM水果列表删除提示功能

要求：
水果列表删除提示功能
1、制作一个水果列表
2、删除选中的水果
删除时，使用confirm提示是否确认删除
预览：

源码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>水果列表删除提示功能</title>
</head>
<body>

<ul class="fruit-list">
    <li>香蕉</li>
    <li>苹果</li>
    <li>鸭梨</li>
</ul>
<script>
    let ul = document.querySelector("ul");
    ul.onclick = function (e){
        let mark = confirm("请确认是否删除,删除后数据不能恢复！");
        if (mark){
            ul.removeChild(e.target);
        }
    }
</script>
</body>
</html>
posted @ 2021-09-24 19:14  博客zhu虎康  阅读(115)  评论(0)    收藏  举报