如何在 JavaScript 中复制一个 div答案

【问题标题】：How to duplicate a div in JavaScript如何在 JavaScript 中复制一个 div
【发布时间】：2013-10-29 05:03:15
【问题描述】：

我想知道如何通过 JavaScript 多次复制 DIV 元素而不在我的 html 代码中复制 DIV？

【问题讨论】：

如果你使用 jQuery，试试.clone()。关于使用，我会留给你自己阅读。
jquery .clone()
我没有得到所有的反对意见 - 这是一个合法的问题，不是重复的。 DOM API 可能很难导航，而且用户是新用户。问题简短而明确。这对新用户来说似乎非常冒犯。更糟糕的是，我没有得到上面的两个建议来包含超过 10K 行代码来执行所有浏览器都支持的方法。
stackoverflow.com/questions/8542758/…的可能重复
@geedubb 不错的发现！之前找不到。我投票将另一个标记为重复，因为另一个被 imo 询问得很糟糕。

【解决方案1】：

假设您选择了 div 执行以下操作：

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

DOM API 包含一个您可以使用的cloneNode 方法

var divClone = myDiv.cloneNode(true); // the true is for deep cloning

现在您可以将其添加到文档中

document.body.appendChild(divClone);

【讨论】：

+10 表示不建议对三行 vanilla JS 使用 jQuery
我怎样才能将它复制 10 次？
@utopy 您可以根据需要多次重复该操作（请务必更改 divClone 的 .id 属性，这样它就不会导致多个 ID。如果您是在 JavaScript 中寻找一种语言结构，让您可以多次重复操作而无需实际编写多次 - 查看 for 和 while 循环。查看 basic examples section in this page。
我看不出推荐 jQuery 有什么不好。如果用户不熟悉 javascript，那么值得让他们了解这个出色的框架。他们以前可能从未听说过。
@geedubb 几件事。首先，请考虑阅读什么是框架（提示：jQuery 不是框架）。其次，many reasons 否则我们将结束 here。缺乏对 DOM API 的工作原理的理解，或者它对一些非常糟糕的程序员来说是什么。您在基础之上使用库 - 首先学习语言和 API，然后学习抽象。您不想鼓励不良做法和糟糕的代码。你想鼓励实际的理解。