Objeto de JavaScript

Manual de referencia de JavaScript

cloneNode()El propósito del método es: devolver una copia del nodo que llama al método.

El método cloneNode() clona todos los atributos y sus valores.

UsarappendChild()oinsertBefore()El método inserta el nodo clonado en el documento.

Atención: cloneNode() puede causar que los ID de los elementos en el documento se repitan.

node.cloneNode(deep)

Ejemplo

var　node　=　document.querySelector("#box").firstElementChild;
var copy = node.cloneNode(true);
document.getElementById("result").appendChild(copy);

El método cloneNode() es completamente soportado por todos los navegadores:

Método
cloneNode()	Sí	Sí	Sí	Sí	Sí

Parámetros	Descripción
deep	opcional) Especifica si se deben clonar todos los descendientes del nodo Valores posibles: Verdadero -El nodo clonado, sus atributos, sus descendientes Falso -Sólo clona el nodo y sus atributos (por defecto).

Valor de retorno:	Un objeto Node, que representa el nodo clonado
Versión DOM:	Nivel DOM1

Copiar el elemento DIV (incluyendo todos sus atributos y subelementos) y agregarlo al documento:

Ejemplo

var node = document.querySelector("#box");
var copy = node.cloneNode(true);
document.body.appendChild(copy);