一个使用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方法。