如何在JavaScript中复制div [英] How to duplicate a div in JavaScript

问题描述

我想知道如何通过JavaScript重复一次 DIV 元素，而不用在我的html代码中重复DIV？

  var myDiv = document.getElementById（myDivId）; 
  

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

  var divClone = myDiv.cloneNode（true）; //真正的是深克隆
  

现在你可以将它添加到文档

  document.body.appendChild（divClone）; 
  

以下是短包含代码示例。

I was wondering how I can duplicate a DIV element a few times through JavaScript without duplicating the DIV in my html code?

解决方案

Let's assume the you selected the div doing something like:

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

The DOM API contains a cloneNode method which you can use

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

Now you can add it to the document

document.body.appendChild(divClone);

Here is a short self contained code example illustrating this

这篇关于如何在JavaScript中复制div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！