使用香草JavaScript复制HTML元素。没有一份副本，应符合要求 如何使用Vanilla JS根据我们的定制需求复制HTML元素。我通常只看到复制一次，也就是说只复制一次。但是当我点击一个按钮时，我需要复制元素两次。我还需要分配重复元素的自定义数量。这怎么可能呢。下面是代码。

这是实施前的代码：

<div class="container">Inner Content</div>
<button id="button">Click</button>

内部内容
点击

下面是我想当我点击按钮，现在它是2副本。我还需要分配副本的编号。这意味着如果我把它改为3，它应该是重复的3元素

<div class="container">Inner Content</div>
<div class="container">Inner Content</div>
<button id="button">Click</button>

内部内容
内在内容
点击

我尝试了以下代码：

<button id="button">Click</button>
<div class="container">Element Content</div>
<script>
let button=document.querySelector('#button'); 
let container=document.querySelector('.container'); 
function cloneit() {
let cloneip = container.cloneNode(true); 
document.body.appendChild(cloneip); 
}
button.addEventListener('click', cloneit); 
</script>

点击
元素含量
let button=document.querySelector（“#button”）；
让container=document.querySelector（'.container'）；
功能克隆{
设cloneip=container.cloneNode（true）；
文件.正文.附件（克隆酶）；
}
按钮。addEventListener（'click'，cloneit）；

---

提前感谢。

您可以按如下方式操作：

for(i=1;i<3;i++){
    // Clone element
    let clone = document.querySelector('.container').cloneNode( true );
    
    // Change ID of clone with the current i state
    clone.setAttribute( 'id', i );
    
    // Append the newly created element on element p 
    document.body.appendChild( clone );
}

---

用于（i=1；我甚至看不到用于复制一次的javascript代码，也看不到您试图修改它以进行双重复制Hi Jayr，我对forloop的基本逻辑还有一个疑问。我认为forloop的主体中必须有一个“i”来重复所有内容。但现在我可以看到下面的forloop也生成了3个hello word。这是怎么回事没有在forloop主体中使用“i”的情况下被初始化。只需知道逻辑：
for（i=0；i”实际上与变量相同，将被重写（如1,2,3）迭代当前for索引时。不必在for循环中使用“i”，但在需要迭代数组或对象并需要当前对象索引的值时，可以使用“i”