Javascript 一个document.createElement，附加两次，仅显示一次

我想在页面的开头和结尾使用一个按钮：

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

---

但它只出现在页面的末尾。如果我将其从页面底部移除，它将显示在页面的开头。这是一种指针。有没有办法只创建一次按钮并使用两次？谢谢

同一元素不能使用两次，但可以克隆它：

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方法，Nick Craver回答中的

clone

方法是jQuery方法。

您可以使用，如下所示：

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

var按钮_save=$（“”）；
$（“#编译器”）.append（保存按钮）；
[...]
$（“#computers”）.append（按钮_save.clone（））；