一个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方法,而cloneNick Craver的答案中的方法是jQuery方法.

Answer 2

你可以.clone()像这样使用:

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