HTML DOM Element insertBefore() মথুর
- পূর্ববর্তী পৃষ্ঠা insertAdjacentText()
- পরবর্তী পৃষ্ঠা isContentEditable
- এক স্তর উপরে ফিরে যাওয়া HTML DOM Elements অবজেক্ট
বিবরণ ও ব্যবহার
insertBefore() মৌজুদা সাব-এলিমেন্টের আগে সাব-এলিমেন্ট যোগ করা হয়
আরও দেখুন:
প্রকল্প
উদাহরণ 1
- <li> এলিমেন্ট তৈরি করুন
- টেক্সট নোড তৈরি করুন
- টেক্সটকে <li> এলিমেন্টে যুক্ত করুন
- উপরোক্ত <ul> এর প্রথম সাব-এলিমেন্টের আগে <li> এলিমেন্ট যোগ করুন:
const newNode = document.createElement("li");
const textNode = document.createTextNode("Water");
newNode.appendChild(textNode);
const list = document.getElementById("myList");
list.insertBefore(newNode, list.children[0]);
উদাহরণ 2
একটি তালিকার শেষতম ইলিমেন্টকে আরেকটি তালিকার শুরুতে স্থানান্তর করুন:
const node = document.getElementById("myList2").lastElementChild;
const list = document.getElementById("myList1");
list.insertBefore(node, list.children[0]);
উদাহরণ 3
একটি তালিকার শেষতম ইলিমেন্টকে আরেকটি তালিকার শেষে স্থানান্তর করুন:
const node = document.getElementById("myList2").lastElementChild;
const list = document.getElementById("myList1");
list.insertBefore(node, null);
গ্রামাটিক
element.insertBefore(newnode, existingnode)
বা
node.insertBefore(newnode, existingnode)
পারামিটার
| পারামিটার | বর্ণনা |
|---|---|
| newnode | বাধ্যতামূলক।ইনসার্ট করতে হলে নোড (এলিমেন্ট)। |
| existingnode |
বাধ্যতামূলক।নতুন নোডকে পূর্বে ইনসার্ট করার জন্য উপস্থিত নোডের সাব-নোড ইনসার্ট করুন。 যদি নির্দিষ্ট না হয়, তবে insertBefore মথড নতুন নোডকে শেষে ইনসার্ট করবে。 |
ফলাফল
| ধরন | বর্ণনা |
|---|---|
| নোড | যেকোনো নোড ইনসার্ট করা হয় |
ব্রাউজার সমর্থন
element.insertBefore() এটি DOM Level 1 (1998) এর বৈশিষ্ট্য।
সমস্ত ব্রাউজারগুলো এটি সম্পূর্ণরূপে সমর্থন করে:
| চ্রোম | আইই | এজ | ফায়ারফক্স | স্যাফারি | ওপেরা |
|---|---|---|---|---|---|
| চ্রোম | আইই | এজ | ফায়ারফক্স | স্যাফারি | ওপেরা |
| সমর্থন | 9-11 | সমর্থন | সমর্থন | সমর্থন | সমর্থন |
- পূর্ববর্তী পৃষ্ঠা insertAdjacentText()
- পরবর্তী পৃষ্ঠা isContentEditable
- এক স্তর উপরে ফিরে যাওয়া HTML DOM Elements অবজেক্ট
