HTML DOM Element children প্রতিশব্দ
- পূর্ববর্তী পৃষ্ঠা childNodes
- পরবর্তী পৃষ্ঠা classList
- একত্রিত পৃষ্ঠায় ফিরুন HTML DOM Elements ওবজেক্ট
সংজ্ঞা ও ব্যবহার
children প্রতিশব্দ এলিমেন্টের সাব-এলিমেন্টগুলির সংকলন ফিরিয়ে দেয়
children প্রতিশব্দ HTMLCollection অবজেক্ট ফিরিয়ে দেয়
অন্যান্য দেখুন:
HTML নোড এবং এলিমেন্ট
এক্স HTML DOM（ডকুমেন্ট অবজেক্ট মডেল）-এ, HTML ডকুমেন্ট সাব-নোডগুলির একটি সংকলন
নোডএলিমেন্ট নোড, টেক্সট নোড এবং মন্তব্য নোড বোঝায়
এলিমেন্টমধ্যের খালি জায়গাও টেক্সট নোড
এবং এলিমেন্ট একমাত্র এলিমেন্ট নোড
সাব-নোড এবং সাব-এলিমেন্ট
childNodes ফিরিয়ে দেয়সাব-নোড（এলিমেন্ট নোড, টেক্সট নোড এবং মন্তব্য নোড）。
children ফিরিয়ে দেয়সাব-নোড（নথিপত্র এবং মন্তব্য নোডের পরিবর্তে）。
সহজন এবং তাত্ত্বিক সহজন
সহব্রাতভাই এবং বোন
সহব্রাতহল এমন নোডগুলি যারা একই পিতৃপুরুষের সঙ্গে সম্পর্কিত (একই childNodes তালিকায়)।
এলিমেন্ট সহব্রাতহল এমন এলিমেন্টগুলি যারা একই পিতৃপুরুষের সঙ্গে সম্পর্কিত (একই children তালিকায়)।
একক
উদাহরণ 1
<body> এলিমেন্টের সাব-এলিমেন্টগুলির সংকলন পাওয়া হয়:
const collection = document.body.children;
উদাহরণ 2
"myDIV"-এর সাব-এলিমেন্টগুলির সংখ্যা কত:
let count = document.getElementById("myDIV").children.length;
উদাহরণ 3
"myDIV" এর দ্বিতীয় সাব-এলিমেন্টের পিছনের রঙ পরিবর্তন করুন:
const collection = document.getElementById("myDIV").children;
collection[1].style.backgroundColor = "yellow";
উদাহরণ 4
<select> এলিমেন্টের তৃতীয় সাব-এলিমেন্ট (ইনডেক্স 2) এর টেক্সট পাওয়া হয়:
const collection = document.getElementById("mySelect").children[2].text;
উদাহরণ 5
সমস্ত <body> এর সাব-এলিমেন্টগুলি পরিদর্শন করে এবং তাদের পিছনের রঙ পরিবর্তন করুন:
const collection = document.body.children;
for (let i = 0; i < collecton.length; i++) {
collection[i].style.backgroundColor = "red";
}
সংজ্ঞা
element.children
ফলাফল
| ধরন | বর্ণনা |
|---|---|
| অবজেক্ট |
HTMLCollection অবজেক্ট এলিমেন্ট নোডের সংকলন。 এলিমেন্টগুলি তাদের ডকুমেন্টে বৈশিষ্ট্যে যেভাবে প্রদর্শিত হয়েছে তেমনই ক্রমানুসারে সাজানো হয়。 |
ব্রাউজার সমর্থন
element.children এটি DOM Level 1 (1998) বৈশিষ্ট্য।
সমস্ত ব্রাউজারগুলি এটির পূর্ণ সমর্থন করে:
| Chrome | IE | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | Opera |
| সমর্থন | 9-11 | সমর্থন | সমর্থন | সমর্থন | সমর্থন |
- পূর্ববর্তী পৃষ্ঠা childNodes
- পরবর্তী পৃষ্ঠা classList
- একত্রিত পৃষ্ঠায় ফিরুন HTML DOM Elements ওবজেক্ট
