Javascript 向动态窗体动态添加输入

如有必要，我打算以js中动态返回的形式添加动态输入。我正试图这样做，但如果有必要，它不会添加新的输入

代码：

但它不会向表单中添加输入

向动态窗体动态添加输入

创建一个

表单

元素：

let myForm;
myForm = document.createElement('form');

let myInput;
myInput = document.createElement('input');
myForm.appendChild(myInput);

将

表单

元素添加到文档

正文

：

document.body.appendChild(myForm);

---

一旦你开始创建一个元素并将其附加到父元素上，你就可以创建一个

输入

元素并将其附加到

表单

元素上，方法与创建

表单

元素并将其附加到

主体

元素的方法完全相同：

let myForm;
myForm = document.createElement('form');

let myInput;
myInput = document.createElement('input');
myForm.appendChild(myInput);

创建

input

元素并将其添加到

form

元素：

let myForm;
myForm = document.createElement('form');

let myInput;
myInput = document.createElement('input');
myForm.appendChild(myInput);

---

创建新的动态元素并将其添加到已渲染的元素是一回事，但如果要为新的动态元素赋予

属性

，该怎么办

您可以这样做：

myInput.setAttribute('type', 'text');
myInput.setAttribute('value', Ref);

myInput.classList.add('form-control1');

如果要向新的动态元素添加

类

，该怎么办

您可以这样做：

myInput.setAttribute('type', 'text');
myInput.setAttribute('value', Ref);

myInput.classList.add('form-control1');

---

工作示例：

函数adcElemento（）{
让myForm=document.getElementById（'retroC1'）；
让myInput=document.createElement（'input'）；
setAttribute（'type'，'text'）；
myInput.setAttribute（'name'，'Refe[]）；
appendChild（myInput）；
}

输入{
显示：块；
利润率：12px0；
}

点击我

我理解解释，但我不明白如何将其应用于我的代码我是否必须创建一个新函数来应用此代码？不，如果你不想的话。在javascript沙箱中玩一玩，并习惯上面的DOM操作语句。还有24条，但这些语句是一个很好的起点。我无法将您的解决方案应用到我的代码中。你能举例说明如何使用我的代码吗？是的，你就快到了，@Bruno。我已经稍微调整了你所做的，并将其添加到上面的答案中。当你使用

时，需要注意的是，如果你没有声明

，那么你将自动拥有一个

提交

按钮（这可能是你不想要的）-所以一定要养成写

的习惯。我无法实现@Rounin给出的解决方案，如果有人能在我的代码中帮助实现它，我将不胜感激。