Phương pháp HTML DOM cloneNode ()
Thí dụ
Sao chép một phần tử <li> từ danh sách này sang danh sách khác:
// Get the last <li> element ("Milk") of <ul> with id="myList2"
var itm = document.getElementById("myList2").lastChild;
// Copy the <li> element and its child nodes
var cln = itm.cloneNode(true);
// Append the cloned <li> element to <ul> with id="myList1"
document.getElementById("myList1").appendChild(cln);
Trước khi nhân bản:
- Coffee
- Tea
- Water
- Milk
Sau khi nhân bản:
- Coffee
- Tea
- Milk
- Water
- Milk
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
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.
Mẹo: Sử dụng phương thức appendChild () hoặc insertBefore () để chèn nút nhân bản vào tài liệu.
Mẹo: Đặt giá trị tham số sâu thành true nếu bạn muốn sao chép tất cả các phần tử con (con), ngược lại là false.
Hỗ trợ trình duyệt
Method | |||||
---|---|---|---|---|---|
cloneNode() | Yes | Yes | Yes | Yes | Yes |
Cú pháp
node.cloneNode(deep)
Giá trị tham số
Parameter | Type | Description |
---|---|---|
deep | Boolean |
Optional. Specifies whether all descendants of the node should be cloned.
|
Chi tiết kỹ thuật
Giá trị trả lại: | Một đối tượng Node, đại diện cho nút được sao chép |
---|---|
Phiên bản DOM | Đối tượng nút cấp độ lõi 1 |
Các ví dụ khác
Thí dụ
Sao chép một phần tử <div>, bao gồm tất cả các thuộc tính và phần tử con của nó, rồi nối phần tử đó vào tài liệu:
var elmnt = document.getElementsByTagName("DIV")[0];
var cln = elmnt.cloneNode(true);
document.body.appendChild(cln);
Các trang liên quan
Tham chiếu DOM HTML: Phương thức document.adoptNode ()
Tham chiếu DOM HTML: Phương thức document.importNode ()
Tham chiếu HTML DOM: Phương thức document.createElement ()
Tham chiếu HTML DOM: Phương thức document.createTextNode ()