HTML DOM Element appendChild() পদ্ধতি
- পূর্ববর্তী পৃষ্ঠা addEventListener()
- পরবর্তী পৃষ্ঠা attributes
- একক স্তরে ফিরে যাওয়া HTML DOM Elements অবজেক্ট
সংজ্ঞা ও ব্যবহার
appendChild() পদ্ধতি নোড (উপাদান) একটি উপাদান হিসাবে শেষ সন্তান হিসাবে যুক্ত করে।
আরও দেখুন:
সংশ্লিষ্ট ডকুমেন্ট পদ্ধতি:
উদাহরণ
উদাহরণ 1
তালিকায় বিভাগ যুক্ত করা:
const node = document.createElement("li");
const textnode = document.createTextNode("Water");
node.appendChild(textnode);
document.getElementById("myList").appendChild(node);
যুক্ত হওয়ার পূর্বে:
- কফি
- চা
যুক্ত হওয়ার পরে:
- কফি
- চা
- জল
উদাহরণ 2
একটি তালিকা থেকে আরেকটি তালিকায় বিভাগকে সরিয়ে নিতে:
const node = document.getElementById("myList2").lastElementChild;
document.getElementById("myList1").appendChild(node);
সরণীয় পূর্বে:
- কফি
- চা
- জল
- দুধ
সরণীয় পরে:
- কফি
- চা
- দুধ
- জল
উদাহরণ 3
টেক্সট সহ পরিচ্ছেদ সৃষ্টি করুন
- পরিচ্ছেদ এলিমেন্ট সৃষ্টি করুন
- টেক্সট নোড সৃষ্টি করুন
- পরিচ্ছেদে টেক্সট নোড যোগ করুন
- ডকুমেন্টে পরিচ্ছেদ যোগ করুন
একটি <p> এলিমেন্ট সৃষ্টি করে এবং <div> এলিমেন্টে যোগ করুন:
const para = document.createElement("p");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.getElementById("myDIV").appendChild(para);
উদাহরণ 4
একটি <p> এলিমেন্ট সৃষ্টি করে এবং ডকুমেন্টের মূল টেক্সটে যোগ করুন:
const para = document.createElement("P");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.body.appendChild(para);
সংজ্ঞা
element.appendChild(node)
বা
node.appendChild(node)
পারামিটার
| পারামিটার | বর্ণনা |
|---|---|
| node | প্রয়োজনীয়।যোগ করতে হলে নোড |
ফলাফল
| ধরন | বর্ণনা |
|---|---|
| নোড | যোগ করা হওয়া নোড |
ব্রাউজার সমর্থন
element.appendChild() এটি DOM Level 1 (1998) বৈশিষ্ট্য।
সমস্ত ব্রাউজারগুলি এটি সম্পূর্ণভাবে সমর্থন করে:
| চ্রোম | আইই | এজ | ফায়ারফক্স | স্যাফারি | ওপেরা |
|---|---|---|---|---|---|
| চ্রোম | আইই | এজ | ফায়ারফক্স | স্যাফারি | ওপেরা |
| সমর্থন | 9-11 | সমর্থন | সমর্থন | সমর্থন | সমর্থন |
- পূর্ববর্তী পৃষ্ঠা addEventListener()
- পরবর্তী পৃষ্ঠা attributes
- একক স্তরে ফিরে যাওয়া HTML DOM Elements অবজেক্ট
