Metodo cloneNode() di HTML DOM

cloneNode()Il ruolo del metodo è: restituire una copia del nodo chiamante il metodo.

Il metodo cloneNode() clona tutti gli attributi e i loro valori.

UsareappendChild()oinsertBefore()Il metodo inserisce il nodo clonato nel documento.

Attenzione: cloneNode() può causare la duplicazione dell'ID dell'elemento nel documento.

Sintassi:

node.cloneNode(deep)

Esempio

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

Tutti i browser supportano completamente il metodo cloneNode():

Metodo
cloneNode()	Sì	Sì	Sì	Sì	Sì

Parametro	Descrizione
deep	(Opzionale) Specifica se clone tutti i discendenti del nodo Valori possibili: Vero -Clona il nodo, i suoi attributi e i suoi discendenti Falso -Clona solo il nodo e i suoi attributi (predefinito).

Valore di ritorno:	Un oggetto Node, che rappresenta il nodo clonato
Versione DOM:	Livello DOM 1

Copia l'elemento DIV (inclusi tutti i suoi attributi e sottoelementi) e aggiungilo al documento:

Esempio

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