HTML DOM NodeList item() পদ্ধতি
- পূর্ববর্তী পৃষ্ঠা forEach()
- পরবর্তী পৃষ্ঠা keys()
- একত্রিত পর্যায়ে ফিরে যান HTML DOM NodeList
সংজ্ঞা ও ব্যবহার
item() এই পদ্ধতি নোডলিস্টের নির্দিষ্ট সূচকের নোডকে ফিরিয়ে দেয়。
দুইটি পদ্ধতি ব্যবহার করে নির্দিষ্ট সূচকের নোডকে প্রবেশ করা যায়:
list.item(ইনডেক্স)
বা
list[ইনডেক্স]
সবচেয়ে সহজ এবং সবচেয়ে ব্যবহৃত পদ্ধতি [ইনডেক্স]。
প্রয়োগ
উদাহরণ 1
ডকুমেন্টের <body> ইলেকট্রনিক সাব-নোড অনুসন্ধান করুন:
const nodeList = document.body.childNodes;
উদাহরণ 2
প্রথম সাব-নোডের নোড নাম অনুসন্ধান করুন:
const list = document.body.childNodes; let name = list.item(0).nodeName;
উদাহরণ 3
এই উদাহরণের ফলাফল একই হয়:
const list = document.body.childNodes; let name = list[0].nodeName;
উদাহরণ 4
ডকুমেন্টের প্রথম <p> ইলেকট্রনিক অনুচ্ছেদ অনুসন্ধান করুন:
const list = document.getElementsByTagName("p");
let text = list.item(0).innerHTML;
উদাহরণ 5
"myDIV"-এর প্রথম <p> উপাদানের HTML কনটেন্ট পাওয়া যাক
const div = document.getElementById("myDIV");
const list = div.getElementsByTagName("p");
let text = list[0].innerHTML;
উদাহরণ 6
"myDIV"-এর প্রথম <p> উপাদানের HTML কনটেন্ট পরিবর্তন করুন:
const div = document.getElementById("myDIV");
const list = div.getElementsByTagName("p");
let text = list[0].innerHTML = "Paragraph changed";
উদাহরণ 7
ক্লাস="child" এর সকল উপাদানের রঙ পরিবর্তন করুন:
const list = document.querySelectorAll(".child");
for (let i = 0; i < list.length; i++) {
list[i].style.color = "red";
}
সংজ্ঞা
nodelist.item(ইনডেক্স)
বা সংক্ষিপ্ত রূপে:
nodelist[ইনডেক্স]
পারামিটার
| পারামিটার | বর্ণনা |
|---|---|
| ইনডেক্স |
প্রয়োজনীয় নোডগুলি তাদের ডকুমেন্টে দেখা যাওয়া ক্রমে ক্রমানুসারে ক্রমায়িত হয় ইনডেক্স 0 থেকে শুরু করে |
ফলাফল
| ধরন | বর্ণনা |
|---|---|
| অবজেক্ট | নির্দিষ্ট ইনডেক্সের নোড |
| null | যদি ইনডেক্স সীমান্ত ছাড়ে থাকে |
ব্রাউজার সমর্থন
nodelist.item() হল ডম লেভেল 1 (1998) বৈশিষ্ট্য
সমস্ত আধুনিক ব্রাউজারগুলি এটি সমর্থন করে:
| Chrome | IE | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | Opera |
| সমর্থন | 9-11 | সমর্থন | সমর্থন | সমর্থন | সমর্থন |
সংশ্লিষ্ট পৃষ্ঠা
- পূর্ববর্তী পৃষ্ঠা forEach()
- পরবর্তী পৃষ্ঠা keys()
- একত্রিত পর্যায়ে ফিরে যান HTML DOM NodeList
