一个document.createElement，将它追加两次，只显示一次

Question

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

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

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

Answer 1

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

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方法。

Answer 2

您可以使用.clone()，如下所示：

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