যদি আমরা একটি HTML নথিতে বিষয়বস্তু সন্নিবেশ করতে চাই তবে আমাদের কাছে এটি করার তিনটি উপায় রয়েছে:
-
createNodeএবংappendChildএর মত DOM পদ্ধতি ব্যবহার করা - ডকুমেন্ট ফ্র্যাগমেন্ট ব্যবহার করে
-
innerHTMLব্যবহার করে
কেউ যুক্তিযুক্তভাবে বলতে পারে আমাদের কাছে কিছু ব্যবহারের ক্ষেত্রে document.write আছে।
innerHTML HTML5-এ প্রমিত করা হয়েছে এবং এর সাথে একটি ভাই মেথড insertAdjacentHTML যা innerHTML হিসাবে কাজ করে কিন্তু আমাদেরকে আরও নির্দিষ্টভাবে সংজ্ঞায়িত করতে দেয় যেখানে আমরা HTML বিষয়বস্তু সন্নিবেশ করতে চাই: beforeBegin, afterBegin, beforeEnd এবং afterEnd।
var ul = document.getElementById("list");
ul.insertAdjacentHTML("beforeEnd", "<li>A new li on the list.</li>");
2008 সালে জন রেসিগ এই উপসংহারে সন্নিবেশ অ্যাডজাসেন্টএইচটিএমএল সম্পর্কে একটি নিবন্ধ লিখেছিলেন:
এখন পর্যন্ত, সন্নিবেশ অ্যাডজাসেন্টএইচটিএমএল-এর প্রধান সমস্যা হল ব্রাউজার সমর্থনের অভাব। ফায়ারফক্স সংস্করণ 8 অনুযায়ী insertAdjacentHTML বাস্তবায়নের সাথে, এটি মোবাইল ব্রাউজার সহ সমস্ত প্রধান ব্রাউজারে উপলব্ধ হবে। আপনি যদি এখন এটি ব্যবহার করতে চান এবং নিশ্চিত করুন যে এটি ফায়ারফক্স সংস্করণে 8 এর আগে কাজ করে আপনি এই পলিফিলটি ব্যবহার করতে পারেন।