วิธี cloneNode() ของ HTML DOM Element

กำหนดและวิธีใช้

วิธี cloneNode() วิธีที่สร้างรอยแบบของโหร่ง และกลับมาด้วยรอยแบบนั้น

วิธี cloneNode() วิธีคลอนคุณสมบัติและค่าของมันทั้งหมด

หากคุณต้องการคลอนหลักลูกโหร่ง (ลูกโหร่ง) ด้วย โปรดตั้งตัวแปร deep ให้เป็น true.

คลอนกลับ

เพื่อใส่โหร่งที่ถูกคลอนกลับสู่เอกสาร ใช้:

วิธี appendChild()

วิธี insertBefore()

ดูเพิ่มเติมที่:

วิธี adoptNode()

วิธี importNode()

วิธี createElement()

วิธี createTextNode()

ตัวอย่าง

ตัวอย่าง 1

คัดลอก <li> โหร่งจาก "myList2" ไปยัง "myList1":

const node = document.getElementById("myList2").lastChild;
const clone = node.cloneNode(true);
document.getElementById("myList1").appendChild(clone);

ก่อนคลอน:

  • กาแฟ
  • ชา
  • น้ำ
  • นม

หลังจากคลอน:

  • กาแฟ
  • ชา
  • นม
  • น้ำ
  • นม

ลองด้วยตัวเอง

ตัวอย่าง 2

คัดลอก "demo" โหร่ง รวมถึงคุณสมบัติและหลักลูกโหร่ง และแอปเพนด์ไปยังเอกสาร:

const node = document.getElementById("demo");
const clone = node.cloneNode(true);
document.body.appendChild(clone);

ลองด้วยตัวเอง

ภาษาที่ใช้

node.cloneNode(deep)

ตัวแปร

ตัวแปร การอธิบาย
deep

เลือกตั้ง

  • false - ปริมาณต้นทาง (default) คลอนโหร่งและคุณสมบัติของมันเท่านั้น
  • true - คลอนโหร่ง และ คุณสมบัติของมัน และหลักลูกโหร่ง

ค่าที่กลับมา

ประเภท การอธิบาย
ตัวเฉพาะของ Node ตัวเฉพาะของโหร่งที่ถูกคลอน

การสนับสนุนของเบราซเซอร์

element.cloneNode() เป็นคุณสมบัติของ DOM Level 1 (1998)

ทุกเบราซเซอร์สนับสนุนมันทั้งหมด:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
การสนับสนุน 9-11 การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน