HTML DOM cloneNode()วิธี การ
ตัวอย่าง
คัดลอก <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
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
cloneNode() วิธีการสร้างสำเนาของโหนดและส่งกลับโคลน
cloneNode() วิธีการโคลนแอตทริบิวต์ทั้งหมดและค่าของพวกเขา
เคล็ดลับ:ใช้วิธี appendChild()หรือinsertBefore() เพื่อแทรกโหนดที่โคลนไปยังเอกสาร
เคล็ดลับ:ตั้งค่า พารามิเตอร์ deepเป็น true หากคุณต้องการโคลนลูกหลานทั้งหมด (ลูก) มิฉะนั้นจะเป็นเท็จ
รองรับเบราว์เซอร์
Method | |||||
---|---|---|---|---|---|
cloneNode() | Yes | Yes | Yes | Yes | Yes |
ไวยากรณ์
node.cloneNode(deep)
ค่าพารามิเตอร์
Parameter | Type | Description |
---|---|---|
deep | Boolean |
Optional. Specifies whether all descendants of the node should be cloned.
|
รายละเอียดทางเทคนิค
คืนมูลค่า: | โหนดวัตถุ แทนโหนดที่โคลน |
---|---|
เวอร์ชัน DOM | วัตถุโหนดหลักระดับ 1 |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
คัดลอกองค์ประกอบ <div> รวมถึงแอตทริบิวต์และองค์ประกอบย่อยทั้งหมด แล้วผนวกเข้ากับเอกสาร:
var elmnt = document.getElementsByTagName("DIV")[0];
var cln = elmnt.cloneNode(true);
document.body.appendChild(cln);
หน้าที่เกี่ยวข้อง
การอ้างอิง HTML DOM: document.adoptNode() Method
การอ้างอิง HTML DOM: document.importNode() Method
การอ้างอิง HTML DOM: document.createElement() Method
การอ้างอิง HTML DOM: document.createTextNode() Method