一個使用document.createElement，追加了兩次，只顯示一次

Question

我有一個按鈕，我想在開始使用和頁的末尾：

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

，但只出現在頁面的結束。如果我從頁面底部刪除它，它會出現在頁面的開頭。這是一種指針。有沒有辦法只創建一次按鈕並使用它兩次？謝謝！

Answer 1

您可以使用.clone()，像這樣：

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

Answer 2

不能使用相同的元素兩次，但你可以克隆它：

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); 

編輯：只是爲了澄清，cloneNode是內置在瀏覽器中的DOM方法，並在clone方法Nick Craver的回答是一個jQuery方法。