Phần tử DOM HTML cloneNode()
Ví dụ
Sao chép phần tử <li> từ "myList2" sang "myList1":
const node = document.getElementById("myList2").lastChild;
const clone = node.cloneNode(true);
document.getElementById("myList1").appendChild(clone);
Trước:
- Coffee
- Tea
- Water
- Milk
Sau đó:
- Coffee
- Tea
- Milk
- Water
- Milk
Thêm ví dụ dưới đây.
Sự miêu tả
Phương thức cloneNode()
tạo một bản sao của một nút và trả về bản sao đó.
Phương thức cloneNode()
sao chép 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 sao chép con cháu (con).
Chèn lại
Để chèn lại một nút nhân bản vào tài liệu, hãy sử dụng:
Xem thêm:
Cú pháp
node .cloneNode( deep )
Thông số
Parameter | Description |
deep | Optional.false - Default. Clone only the node and its attributes.true - Clone the node, its attributes, and its descendants. |
Giá trị trả về
Kiểu | Sự miêu tả |
Nút | Nút nhân bản. |
Thêm ví dụ
Ví dụ
Sao chép phần tử "demo", bao gồm các thuộc tính và phần tử con, rồi nối nó vào tài liệu:
const node = document.getElementById("demo");
const clone = node.cloneNode(true);
document.body.appendChild(clone);
Hãy tự mình thử »Hỗ trợ trình duyệt
element.cloneNode()
là tính năng DOM Cấp 1 (1998).
Nó được hỗ trợ đầy đủ trong tất cả các trình duyệt:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | 9-11 |