Hướng dẫn javascript copy and paste element - phần tử sao chép và dán javascript

Thí dụ

Sao chép một phần tử từ "mylist2" sang "mylist1":

const node = document.getEuityById ("mylist2"). LastChild; const clone = node.clonenode (true);
const clone = node.cloneNode(true);

document.getEuityById ("mylist1"). appendChild (bản sao);

Before:

• Cà phê
• Trà

• Nước uống
• Sữa

After:

• Cà phê
• Trà
• Sữa

• Nước uống
• Sữa

Hãy tự mình thử »

Thêm ví dụ dưới đây.

---

Định nghĩa và cách sử dụng

Phương thức cloneNode() tạo ra một bản sao của một nút và trả về bản sao.

Phương thức cloneNode() nhân bản tất cả các thuộc tính và giá trị của chúng.

Đặt tham số sâu thành true nếu bạn cũng muốn nhân bản con cháu (trẻ em).

---

Cú pháp

Thông số

Tham số	Sự mô tả
sâu	Tùy chọn .________ 8 - Mặc định. Clone chỉ có nút và các thuộc tính của nó. true - nhân bản nút, thuộc tính của nó và hậu duệ của nó. false - Default. Clone only the node and its attributes. true - Clone the node, its attributes, and its descendants.

Giá trị trả lại

Loại hình	Sự mô tả
sâu	Tùy chọn .________ 8 - Mặc định. Clone chỉ có nút và các thuộc tính của nó. true - nhân bản nút, thuộc tính của nó và hậu duệ của nó.

---

---

Giá trị trả lại

Thí dụ

Loại hình

Nút
const clone = node.cloneNode(true);
document.body.appendChild(clone);

Hãy tự mình thử »

---

Thêm ví dụ dưới đây.

Định nghĩa và cách sử dụng

Phương thức cloneNode() tạo ra một bản sao của một nút và trả về bản sao.

Phương thức cloneNode() nhân bản tất cả các thuộc tính và giá trị của chúng.	Đặt tham số sâu thành true nếu bạn cũng muốn nhân bản con cháu (trẻ em).	Cú pháp	Thông số	Tham số	Sự mô tả
sâu	Tùy chọn .________ 8 - Mặc định. Clone chỉ có nút và các thuộc tính của nó. true - nhân bản nút, thuộc tính của nó và hậu duệ của nó.	sâu	sâu	sâu	sâu

---

254K41 Huy hiệu vàng478 Huy hiệu bạc473 Huy hiệu đồng

jQuery(jQuery("#yourElement").detach()).appendTo("body");

2 phù hợp hơn cho nhiệm vụ này, như @Lvan đề xuất.

Tôi có thể? Làm sao?

Tomerikoo

16.8K16 Huy hiệu vàng39 Huy hiệu bạc57 Huy hiệu đồng16 gold badges39 silver badges57 bronze badges

Hỏi ngày 25 tháng 8 năm 2011 lúc 7:34Aug 25, 2011 at 7:34

2

appendto () sẽ tự động di chuyển các phần tử phù hợp từ vị trí hiện tại của chúng sang thùng chứa được chỉ định, dường như là những gì bạn muốn.

Bạn có thể sử dụng sau () để chèn nội dung mới trước khi di chuyển phần tử:

$("#yourElement").after("
Element was there
").appendTo("body");

Đã trả lời ngày 25 tháng 8 năm 2011 lúc 7:40Aug 25, 2011 at 7:40

Frédéric Hamidifrédéric HamidiFrédéric Hamidi

254K41 Huy hiệu vàng478 Huy hiệu bạc473 Huy hiệu đồng41 gold badges478 silver badges473 bronze badges

4

jQuery(jQuery("#yourElement").detach()).appendTo("body");

2 phù hợp hơn cho nhiệm vụ này, như @Lvan đề xuất.

jQuery(jQuery("#yourElement").detach()).appendTo("body");

Đã trả lời ngày 5 tháng 8 năm 2015 lúc 6:54Aug 5, 2015 at 6:54

Kamal Palkamal Palkamal pal

4.1595 Huy hiệu vàng24 Huy hiệu bạc40 Huy hiệu đồng5 gold badges24 silver badges40 bronze badges

0

Bạn có thể làm điều đó bằng cách nhân bản sao chép nó vào một địa điểm khác

$('#yourElement').clone().appendTo('#anotherDiv');

Sau đó loại bỏ cái cũ,

 $('#parentOfOldElement #yourElement').remove();

hoặc bạn có thể thay thế nó để lấy nó sau

  $('#parentOfOldElement #yourElement').replaceWith('
/div>');

Hugolpz

16,5K26 Huy hiệu vàng94 Huy hiệu bạc184 Huy hiệu đồng26 gold badges94 silver badges184 bronze badges

Đã trả lời ngày 25 tháng 8 năm 2011 lúc 7:37Aug 25, 2011 at 7:37

2

jQuery(jQuery("#yourElement").detach()).appendTo("body");

3 và

jQuery(jQuery("#yourElement").detach()).appendTo("body");

4 là các phương pháp cắt và dán chính xác.

Tomerikoo

16.8K16 Huy hiệu vàng39 Huy hiệu bạc57 Huy hiệu đồng16 gold badges39 silver badges57 bronze badges

Hỏi ngày 25 tháng 8 năm 2011 lúc 7:34Jul 19, 2021 at 12:04

appendto () sẽ tự động di chuyển các phần tử phù hợp từ vị trí hiện tại của chúng sang thùng chứa được chỉ định, dường như là những gì bạn muốn.

Bạn có thể sử dụng sau () để chèn nội dung mới trước khi di chuyển phần tử:Sep 16, 2021 at 11:06

Đã trả lời ngày 25 tháng 8 năm 2011 lúc 7:40Amir Rahman

Frédéric Hamidifrédéric Hamidi1 gold badge5 silver badges14 bronze badges