如何在JavaScript中复制div

uto*_*opy 3 html javascript css

我想知道如何DIV通过JavaScript 复制一个元素几次而不重复我的HTML代码中的DIV?

Ben*_*aum 26

让我们假设您选择了div,例如:

var myDiv = document.getElementById("myDivId");
Run Code Online (Sandbox Code Playgroud)

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

var divClone = myDiv.cloneNode(true); // the true is for deep cloning
Run Code Online (Sandbox Code Playgroud)

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

document.body.appendChild(divClone);
Run Code Online (Sandbox Code Playgroud)

这是一个简短的自包含代码示例,说明了这一点

  • +10没有建议使用jQuery三行香草JS (11认同)
  • @geedubb有几件事.首先,请考虑阅读框架是什么(提示:jQuery不是框架).第二,[很多原因](http://meta.stackexchange.com/questions/45176/)否则我们最终会[这里](http://www.doxdesk.com/img/updates/20091116-so- large.gif).缺乏对DOM API如何工作的理解,或者它对一些非常糟糕的程序员的影响.您可以在基础之上使用库 - 首先学习语言和API,然后学习抽象.你不想鼓励不良做法和糟糕的代码.你想鼓励实际的理解. (7认同)