uno document.createElement, aggiungere due volte, mostra solo una volta

Question

ho un tasto che voglio usare all'inizio e alla fine della pagina:

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

ma appare solo alla fine della pagina . Se lo rimuovo dal fondo della pagina, appare all'inizio della pagina. È una specie di puntatore. C'è un modo per creare il pulsante una sola volta e usarlo due volte? Grazie!

Answer 1

È possibile utilizzare .clone(), in questo modo:

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

Answer 2

non è possibile utilizzare lo stesso elemento due volte, ma è possibile 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); 

Edit: Giusto per chiarire, cloneNode è un metodo DOM integrata nel browser, e il metodo clone in La risposta di Nick Craver è un metodo jQuery.