HTML DOM Element insertAdjacentHTML() পদ্ধতি

বর্ণনা ও ব্যবহার

insertAdjacentHTML() এই পদ্ধতি একটি HTML কোডকে নির্দিষ্ট স্থানে যোগ করে

সম্ভাব্য স্থান:

মান বর্ণনা
afterbegin এলিমেন্টের শুরুর পরে (প্রথম সন্তান এলিমেন্ট)。
afterend এলিমেন্টের পরে
beforebegin এলিমেন্টের আগে
beforeend এলিমেন্টের শেষের পরে (শেষ সন্তান এলিমেন্ট)。

উদাহরণ

উদাহরণ 1

header এলিমেন্টের পরে একটি নতুন <p> এলিমেন্ট যোগ করুন:

const h2 = document.getElementById("myH2");
let html = "<p>My new paragraph.</p>";
h2.insertAdjacentHTML("afterend", html);

আপনার নিজেই প্রয়োগ করুন

উদাহরণ 2

"afterbegin" ব্যবহার করা:

let html = "<span style='color:red'>My span</span>"; h2.insertAdjacentHTML("afterbegin", html);

আপনার নিজেই প্রয়োগ করুন

উদাহরণ 3

"beforebegin" ব্যবহার করা:

h2.insertAdjacentHTML("beforebegin", html);

আপনার নিজেই প্রয়োগ করুন

উদাহরণ 4

"beforeend" ব্যবহার করা:

h2.insertAdjacentHTML("beforeend", html);

আপনার নিজেই প্রয়োগ করুন

গঠন

element.insertAdjacentHTML(position, html)

বা

node.insertAdjacentHTML(position, html)

পারামিটার

পারামিটার বর্ণনা
position

অপরিহার্য। তৈরি তথ্য এলিমেন্টের সাথে সম্পর্ক:

  • afterbegin
  • afterend
  • beforebegin
  • beforeend
html যা যোগ করতে হবে HTML。

ব্রাউজার সমর্থন

সমস্ত ব্রাউজারগুলি সমর্থন করে element.insertAdjacentHTML()：

Chrome আইই এজ ফায়ারফক্স স্যাফারি অপেরা
Chrome আইই এজ ফায়ারফক্স স্যাফারি অপেরা
সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন