jeden document.createElement, dołącz go dwa razy, tylko pokazuje raz

Question

Mam przycisku chcę użyć na początku i na końcu strony:

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

ale pojawiają się dopiero na końcu strony . Jeśli usunę go z dolnej części strony, pojawi się na początku strony. To rodzaj wskaźnika. Czy istnieje sposób na utworzenie przycisku tylko raz i użycie go dwa razy? Dzięki!

Answer 1

Można użyć .clone() coś takiego:

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

Answer 2

Nie można użyć tego samego elementu dwukrotnie, ale można go sklonować:

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: Właśnie w celu wyjaśnienia, cloneNode jest metodą DOM wbudowana w przeglądarce, a sposób w clone Odpowiedź Nicka Cravera jest metodą jQuery.