জেভাস্ক্রিপ্ট এইচটিএমএল ডম নোড লিস্ট
- পূর্ববর্তী পৃষ্ঠা ডম সেট
- পরবর্তী পৃষ্ঠা জেএস উইন্ডো
HTML DOM NodeList অবজেক্ট
NodeList অবজেক্টটি ডকুমেন্ট থেকে উদ্ধার করা নোড তালিকা (সংকলন)
NodeList অবজেক্ট এবং HTMLCollection অবজেক্ট প্রায় একই
যদি getElementsByClassName() পদ্ধতি, কিছু (পুরানো) ব্রাউজারগুলোতে NodeList অবজেক্ট ফিরিয়ে দেয় না
সমস্ত ব্রাউজারে childNodes পদ্ধতি নোডগুলোর তালিকা ফিরিয়ে দেয়
অধিকাংশ ব্রাউজারে querySelectorAll() পদ্ধতি NodeList অবজেক্ট ফিরিয়ে দেয়
নিচের কোড ডকুমেন্টের সমস্ত <p> নোডকে চিহ্নিত করে
উদাহরণ
var myNodeList = document.querySelectorAll("p");
NodeList-এর নোডগুলোকে সূচক নম্বর দিয়ে পরিদর্শন করা যায়
কোনো দ্বিতীয় <p> নোড পরিদর্শন করতে আপনারা এইভাবে লিখতে পারেন:
y = myNodeList[1];
মন্তব্য:সূচক 0 থেকে শুরু হয়
HTML DOM Node List দৈর্ঘ্য
length পদ্ধতি নোড তালিকায় নোডগুলোর সংখ্যা নির্দেশ করে
উদাহরণ
var myNodelist = document.querySelectorAll("p");
document.getElementById("demo").innerHTML = myNodelist.length;
উদাহরণ ব্যাখ্যা:
- সমস্ত <p> নোডের তালিকা তৈরি করুন
- এই তালিকার দৈর্ঘ্য দেখান
length পদ্ধতি আপনারা নোড তালিকায় অবস্থিত নোডগুলোকে পরিদর্শন করতে চান তখন অত্যন্ত মূল্যবান
উদাহরণ
সমস্ত <p> নোডের ব্যাকগ্রাউন্ড কালার পরিবর্তন করুন:
var myNodelist = document.querySelectorAll("p");
var i;
for (i = 0; i < myNodelist.length; i++) {
myNodelist[i].style.backgroundColor = "red";
}
HTMLCollection এবং NodeList-এর পার্থক্য
HTMLCollection (পূর্ববর্তী চাপ্তি) একটি HTML ইলেকমেন্ট সেট
NodeList একটি ডকুমেন্ট নোড সেট
NodeList এবং HTML সেটগুলো সর্বদা একইভাবে
HTMLCollection এবং NodeList অবজেক্টগুলো ক্লাস অ্যারে অবজেক্ট লিস্ট (ক্যাটালগ) হিসাবে
তারা সবই সমস্ত প্রক্রিয়াকরণ (ক্যাটালগ) এবং ক্যাটালগের প্রজেক্ট সংখ্যা সংরক্ষিত length প্রক্রিয়াকরণ
তারা সবই সূচক (0, 1, 2, 3, 4, ...) দ্বারা একইভাবে প্রত্যেক প্রজেক্টকে আসলে পরিবর্তন করতে পারে
HTMLCollection প্রজেক্টগুলোকে নাম, id বা সূচক দ্বারা পরিবর্তন করা যায়
NodeList প্রজেক্টগুলোকে আসলে তাদের সূচক দ্বারা হয়েই আসলে পরিবর্তন করা যায়
শুধুমাত্র NodeList অবজেক্টগুলোতেই প্রক্রিয়াকরণ নোড এবং টেক্সট নোড অন্তর্ভুক্ত করা যায়
নোড লিস্ট একটি অ্যারে নয়
নোড অ্যারে একইভাবে অ্যারের মতো দেখাচ্ছে, কিন্তু তা নয়
আপনি নোড লিস্ট প্রবলভণ করতে পারেন এবং একইভাবে তার নোডগুলো উল্লেখ করতে পারেন
কিন্তু, আপনি নোড লিস্টের উপর এক্সেকিউট করা যায় না এমন এক্সেকিউটশন পদ্ধতির মতো valueOf()、push()、pop() বা join()。
- পূর্ববর্তী পৃষ্ঠা ডম সেট
- পরবর্তী পৃষ্ঠা জেএস উইন্ডো
