HTML DOM createDocumentFragment() পদ্ধতিটি একটি ডকুমেন্ট ফ্র্যাগমেন্ট তৈরি করতে ব্যবহৃত হয়। নথির খণ্ডটি DOM কাঠামোকে প্রভাবিত করে না কারণ এটি মেমরিতে থাকে। যখন আমরা ডকুমেন্টের টুকরোটি DOM-এ যুক্ত করি, তখন এটি মূলত এর বাচ্চাদের দ্বারা প্রতিস্থাপিত হয় অর্থাৎ ডকুমেন্টের সাথে কোন ডকুমেন্ট ফ্র্যাগমেন্ট যোগ করা হয় না শুধুমাত্র এটির বাচ্চারা যুক্ত হয়।

সিনট্যাক্স

CreateDocumentFragment() পদ্ধতি -

document.createDocumentFragment()

এটি একটি ডকুমেন্ট ফ্র্যাগমেন্ট অবজেক্ট প্রদান করে, ডকুমেন্ট ফ্র্যাগমেন্ট নোডকে প্রতিনিধিত্ব করে।

উদাহরণ

আসুন HTML DOM createDocumentFragment() পদ্ধতির একটি উদাহরণ দেখি -

createDocumentFragment() উদাহরণ

createDocumentFragment পদ্ধতি ব্যবহার করে তালিকা আইটেম পরিবর্তন করতে নীচের বোতামে ক্লিক করুন।
পরিবর্তন
আম
পীচ
পেয়ারা
স্ট্রবেরিপেঁপে

আউটপুট

এটি নিম্নলিখিত আউটপুট −

চেঞ্জ বোতামে ক্লিক করলে -

উপরের উদাহরণে -

আমরা পাঁচটি তালিকা আইটেম -

আম
পীচ
পেয়ারা
স্ট্রবেরি
পেঁপে

 

 তারপরে আমরা পরিবর্তন বোতাম তৈরি করেছি যা ব্যবহারকারীর দ্বারা ক্লিক করার পরে changeList() পদ্ধতিটি কার্যকর করবে -
 
পরিবর্তন করুন
 

 changeList() ফাংশন ডকুমেন্ট অবজেক্টের createDocumentFragment() পদ্ধতি ব্যবহার করে একটি ডকুমেন্ট ফ্র্যাগমেন্ট তৈরি করে এবং এটি পরিবর্তনশীল x-এ বরাদ্দ করে। appnedChild() পদ্ধতি ব্যবহার করে আমরা তালিকার উপাদানটিকে নথির খণ্ডের চাইল্ড বানিয়ে ফেলি। আমরা নথির খণ্ডের ভিতরে থাকা প্রথম তালিকার উপাদানের মান "তরমুজ" এ সেট করি। তারপরে আমরা 
 এর শেষ সন্তান হিসাবে নথির খণ্ডটি যুক্ত করি 
ফাংশন চেঞ্জলিস্ট() { var x=document.createDocumentFragment(); x.appendChild(document.getElementsByTagName("LI")[0]); x.childNodes[0].childNodes[0].nodeValue ="তরমুজ"; document.getElementsByTagName("UL")[0].appendChild(x);}