通过一个按钮添加一个或多个表单可以使用以下步骤:
<div>
元素或一个表单元素。给该容器一个唯一的ID,以便在JavaScript中引用它。<div id="formContainer"></div>
createElement
方法创建表单元素,并使用appendChild
方法将其添加到容器中。function addForm() {
var formContainer = document.getElementById("formContainer");
var form = document.createElement("form");
formContainer.appendChild(form);
}
addForm
函数。<button onclick="addForm()">添加表单</button>
这样,当点击"添加表单"按钮时,将会在容器中动态添加一个表单。
如何使用JavaScript通过另一个按钮删除表单:
removeChild
方法从容器中移除表单元素。function removeForm() {
var formContainer = document.getElementById("formContainer");
var form = formContainer.lastChild;
formContainer.removeChild(form);
}
removeForm
函数。<button onclick="removeForm()">删除表单</button>
这样,当点击"删除表单"按钮时,将会从容器中删除最后一个表单。
这种方法可以通过重复调用addForm
函数来添加多个表单,并通过点击"删除表单"按钮逐个删除表单。
领取专属 10元无门槛券
手把手带您无忧上云