HTML DOM cloneNode() Method

Exemplo

Copiar um <li> elemento de uma lista para outra:

// 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 clonagem:

Coffee
Tea

Water
Milk

Após clonagem:

Coffee
Tea
Milk

Water
Milk

Tente você mesmo "

Mais "Try it Yourself" exemplos abaixo.

Definição e Uso

O cloneNode() método cria uma cópia de um nó, e retorna o clone.

Os cloneNode() clones método todos os atributos e os seus valores.

Dica: Use o appendChild() ou insertBefore() método para inserir o nó clonado para o documento.

Dica: Defina o valor do parâmetro de profundidade para true se você deseja clonar todos os descendentes (children) , caso contrário false.

Suporte navegador

Método
cloneNode()	sim	sim	sim	sim	sim

Sintaxe

Os valores dos parâmetros

Parâmetro	Tipo	Descrição
deep	Boolean	Opcional. Especifica se todos os descendentes do nó deve ser clonado. verdade - clonar o nó, seus atributos, e seus descendentes falsa - Padrão. Clonar apenas o nó e seus atributos