通过javascript添加重复元素

Adding duplicate elements by javascript

本文关键字:元素 添加 javascript 通过      更新时间:2023-09-26

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

图像

怎么办呢?我需要你的建议。提前谢谢。

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

element2 = element1.cloneNode(bool)

此处布尔值指示是否克隆子节点

您可以通过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>