每一行有一个按钮，点击button就删除对应的那一行li

最新推荐文章于 2022-05-29 19:08:59 发布

wsyyyyyyy

最新推荐文章于 2022-05-29 19:08:59 发布

阅读量565

点赞数

分类专栏： # 页面效果文章标签： html5 javascript html

本文链接：https://blog.csdn.net/wsyyyyyyy/article/details/120253795

版权

页面效果专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<body>
    <div class="box">
        <ul class="list">
            <li class="item"><button>1</button></li>
            <li class="item"><button>2</button></li>
            <li class="item"><button>3</button></li>
            <li class="item"><button>4</button></li>
            <li class="item"><button>5</button></li>
        </ul>
    </div>

    <script>
        var ul = document.querySelector('.list');
        var lis = document.querySelectorAll('.item');

        for (let i = 0; i < lis.length; i++) {
            lis[i].onclick = function () {
                ul.removeChild(this);     // 删除指定元素的某个子节点。
            }
        }
    </script>
</body>

wsyyyyyyy

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
每一行有一个按钮，点击button就删除对应的那一行li

<body> <div class="box"> <ul class="list"> <li class="item"><button>1</button></li> <li class="item"><button>2</button></li> <li class="...
复制链接

扫一扫