HTML DOM Element insertAdjacentElement() পদ্ধতি
- 上一页 innerText
- 下一页 insertAdjacentHTML()
- 返回上一层 HTML DOM Elements ওবজেক্ট
বর্ণনা ও ব্যবহার
insertAdjacentElement()
এলিমেন্টকে নির্দিষ্ট স্থানে যোগ করতে পদ্ধতি。
বৈধ অবস্থান:
মান | বর্ণনা |
---|---|
afterbegin | এলিমেন্টের ভিতরের পরে (প্রথমটি সাব-এলিমেন্ট)। |
afterend | এলিমেন্টের পরে। |
beforebegin | এলিমেন্টের পূর্বে। |
beforeend | এলিমেন্টের শেষের আগে (শেষতম সাব-এলিমেন্ট)। |
উদাহরণ
উদাহরণ 1
শুভনামা পরে একটি span এলিমেন্ট যোগ করুন:
const span = document.getElementById("mySpan"); const h2 = document.getElementById("myH2"); h2.insertAdjacentElement("afterend", span);
উদাহরণ 2
"afterbegin"-এর ব্যবহার:
const span = document.getElementById("mySpan"); const h2 = document.getElementById("myH2"); h2.insertAdjacentElement("afterbegin", span);
উদাহরণ 3
"beforebegin"-এর ব্যবহার:
const span = document.getElementById("mySpan"); const h2 = document.getElementById("myH2"); h2.insertAdjacentElement("beforebegin", span);
উদাহরণ 4
"beforeend"-এর ব্যবহার:
const span = document.getElementById("mySpan"); const h2 = document.getElementById("myH2"); h2.insertAdjacentElement("beforeend", span);
গঠন
element.insertAdjacentElement(position, element)
বা
node.insertAdjacentElement(position, element)
পারামিটার
পারামিটার | বর্ণনা |
---|---|
position |
অপরিহার্য। এলিমেন্টের সম্পর্কিত অবস্থান:
|
element | যা যোগ করতে হবের এলিমেন্ট。 |
ব্রাউজার সমর্থন
সমস্ত ব্রাউজারগুলি সমর্থন করে element.insertAdjacentElement()
:
Chrome | IE | Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Chrome | IE | Edge | Firefox | Safari | Opera |
支持 | 支持 | 支持 | 支持 | 支持 | 支持 |
- 上一页 innerText
- 下一页 insertAdjacentHTML()
- 返回上一层 HTML DOM Elements ওবজেক্ট