原生JS实现从矩形框添加、移除标签

最新推荐文章于 2024-07-04 15:10:30 发布

York_Ice

最新推荐文章于 2024-07-04 15:10:30 发布

阅读量1.1k

点赞数

分类专栏：原生JS 文章标签： javascript DOM

本文链接：https://blog.csdn.net/York_Ice/article/details/84572554

版权

这篇博客介绍如何使用原生JavaScript实现矩形框中动态添加和移除标签的功能。通过HTML和JS代码示例，展示了在不依赖库的情况下进行DOM操作的方法。

摘要由CSDN通过智能技术生成

预期效果

在这里插入图片描述

HTML代码

<body>
    <section>
        <p>单击下面的“添加”按钮，添加标签</p>
        <div id="blank">

        </div>

        <div class="clearButton" onclick="clearAll()">
            全部清除
        </div>

        <ul class="ulbot">
            <li>Marshmello</li>
            <li>Mike William</li>