在JavaScript中，我们可以通过以下方法来实现点击按钮自动生成文本框：
HTML部分示例代码：
<button onclick="addTextBox()">添加文本框</button> <div id="textBoxContainer"> <!-- 这里是生成的文本框将被插入的容器 --> </div>
JavaScript示例代码：
function addTextBox() {
// 创建一个文本框元素
var textBox = document.createElement("input");
textBox.type = "text";
// 获取文本框容器的引用
var textBoxContainer = document.getElementById("textBoxContainer");
// 将新创建的文本框插入到容器中
textBoxContainer.appendChild(textBox);
}
在这个例子中，我们首先在HTML中创建一个按钮和一个用于容纳生成的文本框的<div>元素。然后，我们使用JavaScript创建一个新的文本框元素，并将其插入到容器中。
当点击按钮时，addTextBox()函数会被调用。函数中首先通过document.createElement(“input”)创建一个新的input元素，并将其类型设置为”text”，以创建一个文本框。然后，我们通过getElementById获取到文本框容器的引用，并使用appendChild将新创建的文本框元素插入到容器中。
这样，每次点击按钮时，都会在容器中添加一个新的文本框。你可以根据需要修改此代码，添加更多的文本框属性或样式。
本站资源均来源于互联网，仅限于学习研究，严禁从事商业或者非法活动！丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：js点击按钮自动生成文本框的实现方法
