Javascript 预制的HTML元素尚未显示？

假设我有一个表单，在这个表单中我想复制属性元素。现在，每个属性元素都是一个div，其中包含一些输入元素。每次用户单击“添加属性”按钮时，我都希望它创建此属性元素的另一个实例

问题是我应该在哪里存储这些预先制作的，但尚未显示给用户元素，以便于以后修改的方式？

---

我将JS与jquery一起使用。

我将它们存储在表单底部的隐藏模板div中，如下所示：

<div id="field_template" style="display:none;">
    <input type="text" name="prop_tpl" id="prop_tpl">
</div>

---

当需要显示它时，我在jQuery中复制它，并根据添加字段的计数器将

名称

和

id

属性设置为prop_1或prop_2等。

页面上是否至少存在一个属性元素？

如果是这样的话，只需选择它，克隆它并将其存储以供以后使用

var el = $('.your-element').html().clone();

然后你可以复制它

---

如果您的元素在页面上还不存在。您仍然可以将它放在未显示的div中的页面上，并执行与上面相同的策略。或者使用“模板”格式，如jQuery模板。

我倾向于同意以下建议，即创建一次元素，然后克隆它（并可能删除克隆）。但可能需要更多的上下文——元素有多复杂？它是否包含一个或多个唯一ID？因此，您建议我在页面中创建一个区域，用作此类元素的“银行”？