HTML DOM Element cloneNode() পদ্ধতি

পরিভাষা এবং ব্যবহার

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);

ক্লোন করা পূর্বে:

  • Coffee
  • Tea
  • Water
  • Milk

ক্লোন করা পরে:

  • Coffee
  • Tea
  • Milk
  • Water
  • Milk

আপনার নিজেই প্রয়োগ করুন

উদাহরণ 2

"demo" ইলেকট্রন কপি করে, তার বৈশিষ্ট্য ও পুত্রদের নিয়ে এবং তাকে ডকুমেন্টে যোগ করুন:

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

আপনার নিজেই প্রয়োগ করুন

গ্রামাট

node.cloneNode(deep)

পারামিটার

পারামিটার বর্ণনা
deep

অপ্শনাল

  • false - ডিফল্ট।শুধুমাত্র নোড ও তার বৈশিষ্ট্য ক্লোন করা হয়
  • true - ক্লোন নোড, তার বৈশিষ্ট্য ও পুত্র

ফলাফল

ধরন বর্ণনা
Node অবজেক্ট ক্লোন করা হওয়া নোড

ব্রাউজার সমর্থন

element.cloneNode() এটি DOM Level 1 (1998) এর বৈশিষ্ট্য।

সমস্ত ব্রাউজারকে পূর্ণ সমর্থন দেওয়া হয়:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
সমর্থন 9-11 সমর্থন সমর্থন সমর্থন সমর্থন