HTML DOM Document createDocumentFragment() طریقہ

تعریف اور استعمال

createDocumentFragment() یہ طریقہ offscreen نود بناتا ہے۔

offscreen نود کو کسی بھی ڈاکومن میں شامل کئے جانے والا نئا سگمنٹ بنانے کے لئے استعمال کیاجاسکتا ہے۔

createDocumentFragment() یہ طریقہ مستقل طور سے ڈاکومن کی کسی حصے کو نکالنے، تبدیل، اضافہ یا حذف کئے جانے والی کسی کچھ کو اور اس کو ڈاکومن میں دوبارا شامل کرنے کے لئے بھی استعمال کیا جاسکتا ہے۔

نکات

آپ کسی وقت بھی HTML عناصر پر راست طور سے ترمیم کریجئے جاسکتے ہیں، لیکن بہتر طریقہ یہ ہے کہ آپ (offscreen) سگمنٹ بنائیجئے اور جب آپ اس سگمنٹ کو تیار کرلگئے تو اس کو اصل (فعال) ڈاکومن میں شامل کریجئے۔ کیونکہ آپ سگمنٹ کو تیار کرنے کے بعد شامل کرتے ہیں، لہذا صرف ایک بار ریپلائز اور ایک بار رینڈرنگ کریجئے گا۔

اگر آپ کلائکشن میں HTML عناصر کی اضافہ کریجئے، تو سگمنٹ کا استعمال اس کی کارکردگی کو بڑھاسکتا ہے۔

توجہیہ سگمنٹ میں شامل کئے گئے سگمنٹ نود اصل ڈاکومن سے حذف کئے جائیں گے۔

مثال

مثال 1

ایک خالی لی میں عناصر شامل کریجئے:

const fruits = ["Banana", "Orange", "Mango"];
// یہ سگمنٹ بنائیجئے:
const dFrag = document.createDocumentFragment();
// یہ لی عناصر میں شامل کریجئے:
for (let x in fruits) {
  const li = document.createElement('li');
  li.textContent = fruits[x];
  dFrag.appendChild(li);
}
// یہ سگمنٹ لیسٹ میں شامل کریجئے:
document.getElementById('myList').appendChild(dFrag);

آپ خود سجست بکریجئے

مثال 2

ایک موجود لی میں عناصر شامل کریجئے:

const fruits = ["Banana", "Orange", "Mango"];
// یہ سگمنٹ بنائیجئے:
const dFrag = document.createDocumentFragment();
// یہ لی عناصر میں شامل کریجئے:
for (let x in fruits) {
  const li = document.createElement('li');
  li.textContent = fruits[x];
  dFrag.appendChild(li);
}
// یہ سگمنٹ لیسٹ میں شامل کریجئے:
document.getElementById('myList').appendChild(dFrag);

آپ خود سجست بکریجئے

قواعد وضوابط

document.createDocumentFragment()

پارامتر

بازگشتی نہیں

بازگشتی نہیں

نوع وصف
نود نوالیا DocumentFragment کا نود، کوئی فرزند نود نہیں رکھتا۔

بھرپور سے استعمال کی جاسکتی ہے

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

تمام براوزر اس کا سپورٹ کرتے ہیں:}

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