一个 document.createElement,追加两次,只显示一次

IT技术 javascript jquery
2021-02-24 09:33:36

我有一个要在页面开头和结尾使用的按钮:

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

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

2个回答

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

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

你不能两次使用同一个元素,但你可以克隆它:

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是浏览器内置的 DOMclone方法,Nick Craver 的回答中的方法是 jQuery 方法。