按 javascript 添加重复元素

Question

我是 Javascript.I 的新手，当我点击添加更多按钮添加整个 body 元素时需要添加重复的相同元素 dynamically.Here 是我代码的图像

怎么做？我需要你提前suggestion.Thanks。

Answer 1

你可以用原生 javascript

element2 = element1.cloneNode(bool)

这里boolean表示是否克隆子节点

Answer 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>

按 javascript 添加重复元素

Adding duplicate elements by javascript

html

javascript

jquery

jquery-events