尝试使用JavaScript在另一个Div中的另一个Div中添加一个Div

我不确定这是最好的方法，但我正在尝试动态创建表单的新部分，这取决于用户需要多少

这是我的HTML：

<div class="col-auto" id="nameEntries">
  <div class="input-group mb-2">
    <div class="input-group-prepend">
      <div class="input-group-text">Nom</div>
    </div>
    <input type="text" class="form-control" name="entrees[nom]">
  </div>
</div>
<a href="#" onclick="addFields()">Ajouter une entrée d'argent</a>

我添加了一张页面外观的图片。当用户按下一个按钮时，另一个与字段所在位置相同的部分应显示在右下方。

您可以使用cloneNodetrue方法复制现有HTML结构：

xyz.appendChild(abc.cloneNode(true))

函数addFields{ var wrapper=$'.wrapper'； //这是为附加到包装器div而生成的HTML。不要使用id。您可以使用数据属性来标识列。或者，如果您有唯一的内容，则可以将其用作id。 var outerDiv=$.addClass'col-auto'。追加 $.addClass“输入组mb-2”。追加 $.addClass'input-group-prepend'。追加 $.addClass'input-group-text'.html'Nom' 追加 $.attr{ “类型”：“文本”， “名称”：“名称” }.addClass“表单控制” ; wrapper.appendouterDiv； } $document.readyfunction{ $“行加法器”。单击“添加字段”； addFields； }; JS-Bin

---

这是什么问题？嘿，你看起来像这样吗？

xyz.appendChild(abc.cloneNode(true))

var e = document.getElementById('child');
document.getElementById('parent').appendChild(e);