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

使用JavaScript完成在`<div>`标签下动态添加和删除`<span>`标签的操作，可以不直接操作DOM，而是利用数组和字符串拼接的方式来模拟这种效果。下面是一个简单的例子：

// 创建一个空数组用于存储span元素
let spans = [];

// 添加span函数
function addSpan() {
  // 创建一个新的span元素
  let newSpan = document.createElement('span');
  // 给span添加内容
  newSpan.textContent = '这是一个新的span';
  
  // 将新span添加到div内部
  if (spans.length > 0) { // 如果已有span，则追加
    document.getElementById('myDiv').appendChild(newSpan);
  } else { // 否则将span插入第一个位置
    let firstChild = document.getElementById('myDiv').firstChild;
    document.getElementById('myDiv').insertBefore(newSpan, firstChild);
  }
  
  // 将新span添加到数组中
  spans.push(newSpan);
}

// 删除span函数
function deleteSpan() {
  // 获取最后一个span元素
  let lastSpan = spans.pop();
  
  // 从页面中移除最后一个span
  if (lastSpan) {
    document.getElementById('myDiv').removeChild(lastSpan);
  }
}

// 按钮点击事件监听
document.getElementById('addBtn').addEventListener('click', addSpan);
document.getElementById('deleteBtn').addEventListener('click', deleteSpan);

在这个示例中，我们创建了两个函数`addSpan`和`deleteSpan`，分别对应于增加和删除span。当用户点击对应的按钮时，这两个函数会被触发。注意，这里并没有直接修改DOM，而是通过数组管理和文本拼接实现了动态的效果。