مетод cloneNode() کا HTML DOM Element

تعریف و کاربرد

cloneNode() طریقہ کار cloneNode() طریقہ کار نود کی کپی کردہ فراہم کرتا ہے اور اس کی کپی کردہ راجع فراہم کرتا ہے۔

cloneNode() طریقہ کار طریقہ کار کو تمام اقدار اور اپنے اپنے اقدار کی کپی کردہ اپنے اپنے نود کی کپی کردہ فراہم کرتا ہے۔

اگر آپ اپنے فرزند (ذریعہ فرزند) کو بھی کپی کردے چاہئیں تو دیپ پارامتر کو ایک.

دوبارہ جوڑنا

کپی کردہ نود کو مستند میں دوبارہ جوڑنا چاہئیے تو استعمال کریں:

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

آپ خود سنجید

قواعد

نود.cloneNode(دپ)

پارامتر

پارامتر وصف
دپ

اختیاری

  • فالس - میل
  • ایک - کپی کردہ نود، اپنے اپنے اقدار اور ذریعہ فرزند

بازگشتی

کایا وصف
Node اوبجیکٹ کپی کردہ نود

براوزر پشتیبانی

element.cloneNode() یہ DOM Level 1 (1998) کی خصوصیت ہے۔

تمام براوزر اس کی پورا پورا پشتیبانی کرتے ہیں:

کروم آئی ای ایج فائر فاکس سافری آپریا
کروم آئی ای ایج فائر فاکس سافری آپریا
پشتیبانی 9-11 پشتیبانی پشتیبانی پشتیبانی پشتیبانی