web实现添加元素按钮功能代码

以下是一个简单的示例代码，实现了一个“添加元素”按钮的功能：

HTML部分：

<div id="container">
  <button id="add-element-btn">添加元素</button>
</div>

JavaScript部分：

// 获取元素和按钮
var container = document.getElementById("container");
var addElementBtn = document.getElementById("add-element-btn");

// 添加元素的计数器
var elementCount = 0;

// 点击按钮时执行的函数
function addElement() {
  // 创建新的元素
  var newElement = document.createElement("div");
  newElement.innerHTML = "这是第 " + (++elementCount) + " 个元素。";
  // 将元素添加到容器中
  container.appendChild(newElement);
}

// 绑定按钮的点击事件
addElementBtn.addEventListener("click", addElement);

当用户点击“添加元素”按钮时，`addElement()`函数会被调用。该函数会创建一个新的`<div>`元素，并将其添加到容器`<div>`中。同时，计数器`elementCount`会加1，并在新元素中显示其序号。