Método cloneNode() do HTML DOM

Objeto Elemento do HTML DOM

cloneNode()A função do método é: retornar a cópia do nó que chamou o método.

O método cloneNode() clona todos os atributos e seus valores.

UsarappendChild()ouinsertBefore()O método insere o nó clonado no documento.

Atenção: cloneNode() pode causar duplicação de ID de elementos no documento.

Sintaxe:

node.cloneNode(deep)

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

Compatibilidade do navegador

O método cloneNode() é completamente suportado por todos os navegadores:

Valores dos Parâmetros

Detalhes Técnicos

Mais Exemplos

Copie o elemento DIV (incluindo todos os seus atributos e elementos filhos) e adicione-o ao documento:

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

Referências Relacionadas

Referência do HTML DOM:Método document.adoptNode()

Referência do HTML DOM:Método document.importNode()

Objeto Elemento do HTML DOM