Duplicar elemento HTML con javascript y cloneNode

Duplicar un elemento HTML o clonar un nodo resulta muy sencillo empleando el método cloneNode. Al método se le pasará un parámetro true o false, que indicará si debe hacer una copia del nodo y de todos sus descendientes (true) o solo una copia de dicho nodo (false).


A continuación se muestra la función clonarNodo, la cual recibe el parámetro indice y creará un duplicado del elemento nodo_original y todos sus descendientes. Al nuevo elemento creado se le asignara el id pasado como parámetro a la función, indice. El elemento nuevo o clon de nodo_original, será agregado en el nodo destino mediante appendChild.

function clonarNodo(indice) {
 var original=document.getElementById("nodo_original");
 var nuevo=original.cloneNode(true);
 nuevo.id=indice;
 destino=document.getElementById("nodo_destino");
 destino.appendChild(nuevo);
}