使用js完成在div标签下增加和删除span标签的操作，在页面中使用按钮的方式完成

在JavaScript中，你可以创建两个按钮分别用于添加和删除`<span>`标签。这通常通过监听按钮点击事件，然后在DOM操作中动态地创建、添加或移除`<span>`元素。以下是基本的实现步骤：

首先，我们需要一个初始的`<div>`以及一些`<button>`元素：

<div id="container">
</div>
<button id="addSpan">添加<span></span></button>
<button id="removeSpan">删除最后一个<span></span></button>

接下来，我们使用JavaScript处理这两个按钮的点击事件：

window.onload = function () {
    // 获取对应的DOM元素
    const container = document.getElementById('container');
    const addBtn = document.getElementById('addSpan');
    const removeBtn = document.getElementById('removeSpan');

    // 添加点击事件处理器
    addBtn.addEventListener('click', function () {
        const newSpan = document.createElement('span'); // 创建一个新的span元素
        container.appendChild(newSpan); // 添加到div中
    });

    removeBtn.addEventListener('click', function () {
        if (container.lastChild) { // 检查是否有子节点
            container.removeChild(container.lastChild); // 删除最后一个span
        }
    });
};

当点击“添加”按钮时，会往`<div>`中添加一个新的`<span>`；而点击“删除”按钮则会尝试移除`<div>`中的最后一个`<span>`。