một document.createElement, thêm nó hai lần, chỉ cho thấy một lần

Question

Tôi có một nút Tôi muốn sử dụng ở phần đầu và cuối trang:

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

nhưng nó chỉ xuất hiện ở phần cuối của trang . Nếu tôi xóa nó từ dưới cùng của trang, nó xuất hiện ở đầu trang. Đó là một loại con trỏ. Có cách nào để tạo nút chỉ một lần và sử dụng nó hai lần không? Cảm ơn!

Answer 1

Bạn có thể sử dụng .clone(), như thế này:

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

Answer 2

Bạn không thể sử dụng cùng một nguyên tố hai lần, nhưng bạn có thể sao chép nó:

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); 

Edit: Chỉ cần làm rõ, cloneNode là một phương pháp DOM được xây dựng vào trình duyệt, và các phương pháp trong clone Câu trả lời của Nick Craver là một phương pháp jQuery.