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