多次克隆Div [英] Clone a Div Multiple Times

问题描述

请保持温柔，我只是在学习。我正在尝试多次克隆div。我可以让它执行一次，但是不能执行多次。我想在没有JQuery的情况下进行操作（首先尝试理解基本的Javascript）。下面是一个示例。我在做什么错？

please be gentle, I'm just learning. I'm trying to clone a div multiple times. I can get it to do it once, but not several times. I'd like to do it w/out JQuery (trying to understand basic Javascript first). Below is a sample. What am I doing wrong?

var myDiv = document.getElementById("test");
var divClone = myDiv.cloneNode(true); // the true is for deep cloning
document.body.appendChild(divClone);
document.body.appendChild(divClone);
document.body.appendChild(divClone);

在jsfiddle上：
http://jsfiddle.net/dmperkins74/zvdekh8p/

Here it is on jsfiddle: http://jsfiddle.net/dmperkins74/zvdekh8p/

请先感谢。

推荐答案

您每次都需要克隆它。

var myDiv = document.getElementById("test");

document.body.appendChild(myDiv.cloneNode(true));
document.body.appendChild(myDiv.cloneNode(true));
document.body.appendChild(myDiv.cloneNode(true));

小提琴

这篇关于多次克隆Div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！