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

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

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

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

Answer 1

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

 var button_save = $(""); $("#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 ， cloneNode是浏览器中内置的DOM方法，而Nick Craver的答案中的clone方法是jQuery方法。