Método HTML DOM cloneNode()
Exemplo
Copie um elemento <li> 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 da clonagem:
- Coffee
- Tea
- Water
- Milk
Após a clonagem:
- Coffee
- Tea
- Milk
- Water
- Milk
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
O método cloneNode() cria uma cópia de um nó e retorna o clone.
O método cloneNode() clona todos os atributos e seus valores.
Dica: Use o método appendChild() ou insertBefore() para inserir o nó clonado no documento.
Dica: Defina o valor do parâmetro deep como true se desejar clonar todos os descendentes (filhos), caso contrário, false.
Suporte ao navegador
Method | |||||
---|---|---|---|---|---|
cloneNode() | Yes | Yes | Yes | Yes | Yes |
Sintaxe
node.cloneNode(deep)
Valores de parâmetro
Parameter | Type | Description |
---|---|---|
deep | Boolean |
Optional. Specifies whether all descendants of the node should be cloned.
|
Detalhes técnicos
Valor de retorno: | Um objeto Node, representando o nó clonado |
---|---|
Versão DOM | Objeto de nó de nível 1 principal |
Mais exemplos
Exemplo
Copie um elemento <div>, incluindo todos os seus atributos e elementos filho, e anexe-o ao documento:
var elmnt = document.getElementsByTagName("DIV")[0];
var cln = elmnt.cloneNode(true);
document.body.appendChild(cln);
Páginas relacionadas
Referência HTML DOM: método document.adoptNode()
Referência HTML DOM: método document.importNode()
Referência HTML DOM: método document.createElement()
Referência HTML DOM: método document.createTextNode()