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

Posted 2023-02-16

【中文标题】通过javascript添加重复元素[重复]

【英文标题】：Adding duplicate elements by javascript [duplicate]

【发布时间】：2016-04-25 10:36:59

【问题描述】：

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

Image

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

【问题讨论】：

api.jquery.com/clone

使用jQuery的克隆方法

@GauravAggarwal 请不要删除与问题相关的标签。 OP 已标记 jquery，因此您可以想象他们会接受 jQuery 解决方案。

这不是你的决定

@GauravAggarwal 很多时候人们倾向于将 jQuery 作为 javascript 来处理，除非他们明确提到“Native/Vanila JS”，因为他已经标记了 jQuery，所以很自然地认为他接受 jQuery

【参考方案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>