জাভাস্ক্রিপ্টে insertAdjacentHTML() মেথড দেওয়া আছে একটি টেক্সটকে HTML হিসেবে, একটি নির্দিষ্ট পজিশনে ইনসার্ট করতে। কানোনিক্যাল পজিশনগুলো হলো:
afterbegin
afterend
beforebegin
beforeend
প্রতিটি কানোনিক্যাল পজিশনের নিজস্ব গুরুত্ব রয়েছে। কিছু উদাহরণে আলোচনা করা হলো।
উদাহরণ
নিচের উদাহরণে, "insertAdjacentHTML()" মেথড এবং কানোনিক্যাল পজিশন "afterend" ব্যবহার করে একটি নতুন টেক্সট header-এর পাশে রাখা হয়েছে এবং ফলাফল আউটপুটে দেখানো হয়েছে।
<html> <body>
<h2 id="H2">Header</h2>
<script>
var ins = document.getElementById("H2");
ins.insertAdjacentHTML("afterend","<p>Tutorix is the best e-learning platform</p>");
</script>
</body> </html>
আউটপুট
Header
Tutorix is the best e-learning platform
উদাহরণ (beforeend)
নিচের উদাহরণে, "insertAdjacentHTML()" মেথড এবং কানোনিক্যাল পজিশন "beforeend" ব্যবহার করে একটি নতুন টেক্সট header-এর পাশে রাখা হয়েছে এবং ফলাফল আউটপুটে দেখানো হয়েছে।
<html> <body>
<h2 id="H2">Header</h2>
<script>
var ins = document.getElementById("H2");
ins.insertAdjacentHTML("beforeend","<p>Tutorix is the best e-learning platform</p>");
</script>
</body> </html>
আউটপুট
Header
Tutorix is the best e-learning platform
