HTML DOM cloneNode() Method

Ejemplo

Copiar un <li> elemento de una lista a otra:

// Get the last <li> element ("Milk") of <ul> with id="myList2"
var itm = document.getElementById("myList2").lastChild;

// Copy the <li> element and its child nodes
var cln = itm.cloneNode(true);

// Append the cloned <li> element to <ul> with id="myList1"
document.getElementById("myList1").appendChild(cln);

Antes de la clonación:

Coffee
Tea

Water
Milk

Después de la clonación:

Coffee
Tea
Milk

Water
Milk

Inténtalo tú mismo "

Más "Try it Yourself" ejemplos a continuación.

Definición y Uso

El cloneNode() método crea una copia de un nodo, y devuelve el clon.

Los cloneNode() clones método todos los atributos y sus valores.

Consejo: Utilice la appendChild() o insertBefore() método para insertar el nodo clonado en el documento.

Consejo: Establecer el valor del parámetro de profundidad a cierto si se desea clonar todos los descendientes (children) , de lo contrario falsas.

Soporte del navegador

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

Sintaxis

Los valores de los parámetros

Parámetro	Tipo	Descripción
deep	Boolean	Opcional. Especifica si todos los descendientes del nodo deben ser clonados. verdad - Clona el nodo, sus atributos y sus descendientes falsa - por defecto. Clonar sólo el nodo y sus atributos