ตัวอย่าง
คัดลอก <li> องค์ประกอบจากรายการหนึ่งไปยังอีก:
// 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);ก่อนที่จะโคลน:
- Coffee
- Tea
- Water
- Milk
หลังจากโคลน:
- Coffee
- Tea
- Milk
- Water
- Milk
ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
cloneNode() วิธีการสร้างสำเนาของโหนดและส่งกลับโคลน
cloneNode() วิธีการโคลนคุณลักษณะทั้งหมดและค่าของพวกเขา
เคล็ดลับ: ใช้ appendChild() หรือ insertBefore() วิธีการแทรกโหนดโคลนเอกสาร
เคล็ดลับ: การตั้งค่าพารามิเตอร์ลึกจริงถ้าคุณต้องการที่จะโคลนลูกหลาน (children) เท็จอย่างอื่น
สนับสนุนเบราว์เซอร์
| วิธี | |||||
|---|---|---|---|---|---|
| cloneNode() | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
วากยสัมพันธ์
ค่าพารามิเตอร์ พารามิเตอร์ ชนิด ลักษณะ deep Boolean ไม่จำเป็น. ระบุว่าจะให้ลูกหลานของโหนดควรจะโคลน
- จริง - โคลนโหนดคุณลักษณะของตนและลูกหลาน
- เท็จ - เริ่มต้น โคลนเพียงโหนดและคุณลักษณะของมัน
รายละเอียดทางเทคนิค
กลับค่า: วัตถุโหนดคิดเป็นโหนดโคลน DOM รุ่น ระดับแกนวัตถุ 1 โหนด
ตัวอย่างอื่น ๆ
ตัวอย่าง
คัดลอก <div> องค์ประกอบรวมทั้งคุณลักษณะทั้งหมดและองค์ประกอบของเด็กและผนวกเอกสาร:
var elmnt = document.getElementsByTagName("DIV")[0];
var cln =
elmnt.cloneNode(true);
document.body.appendChild(cln); ลองตัวเอง»
หน้าเว็บที่เกี่ยวข้อง
HTML DOM อ้างอิง: href="met_document_adoptnode.html">document. adoptNode() Method href="met_document_adoptnode.html">document. adoptNode() Method
HTML DOM อ้างอิง: href="met_document_importnode.html">document. importNode() Method href="met_document_importnode.html">document. importNode() Method
HTML DOM อ้างอิง: href="met_document_createelement.html">document. createElement() Method href="met_document_createelement.html">document. createElement() Method
HTML DOM อ้างอิง: href="met_document_createtextnode.html">document. createTextNode() Method href="met_document_createtextnode.html">document. createTextNode() Method