通过javascript添加重复元素[重复]答案

【问题标题】：Adding duplicate elements by javascript [duplicate]通过javascript添加重复元素[重复]
【发布时间】：2023-03-22 10:05:01
【问题描述】：

我是 Javascript 新手。单击添加更多按钮以动态添加整个正文元素时，我需要添加重复的相同元素。这是我的代码图像

Image

如何做到这一点？我需要你的建议。提前致谢。

【问题讨论】：

api.jquery.com/clone
使用jQuery的克隆方法
@GauravAggarwal 请不要删除与问题相关的标签。 OP 已标记 jquery，因此您可以想象他们会接受 jQuery 解决方案。
这不是你的决定
@GauravAggarwal 很多时候人们倾向于将 jQuery 作为 javascript 来处理，除非他们明确提到“Native/Vanila JS”，因为他已经标记了 jQuery，所以很自然地认为他接受 jQuery

标签： javascript jquery html jquery-events

【解决方案1】：

你可以用原生 javascript 做到这一点

element2 = element1.cloneNode(bool)

这里的布尔值表示是否克隆子节点

【讨论】：

clone() 效果很好，但是如何绑定javascript的事件呢？顺便谢谢...

【解决方案2】：

你可以通过cloneNode轻松在js中轻松完成

function cloneFunction() {
    var para = document.getElementById("para-1");
    var cln = para.cloneNode(true);
    document.getElementById("parent").appendChild(cln);
}

<div id="parent">
<p id="para-1">Lorem Ipsum</p>
</div>

<button onclick="cloneFunction()">clone it</button>

【讨论】：