uno document.createElement, añadir dos veces, sólo se muestra una vez

Question

tengo un botón que quiero usar en el principio y el final de la página:

var button_save = document.createElement('button'); 
$("#compteurs").append(button_save); 
[...] 
$("#compteurs").append(button_save); 

pero sólo aparecerá al final de la página . Si lo elimino de la parte inferior de la página, aparece al principio de la página. Es una especie de puntero. ¿Hay alguna manera de crear el botón una sola vez y usarlo dos veces? ¡Gracias!

Answer 1

Puede utilizar .clone(), así:

var button_save = $("<button />"); 
$("#compteurs").append(button_save); 
[...] 
$("#compteurs").append(button_save.clone()); 

Answer 2

no se puede utilizar el mismo elemento en dos ocasiones, pero se puede clonarlo:

var button_save_1 = document.createElement('button'); 
var button_save_2 = button_save_1.cloneNode(true); 
$("#compteurs").append(button_save_1); 
[...] 
$("#compteurs").append(button_save_2); 

Editar: Solo para aclarar, cloneNode es un método DOM integrado en el navegador, y el método de clone La respuesta de Nick Craver es un método jQuery.