HTML DOM NodeList রেফারেন্স ম্যানুয়াল

NodeList

NodeList হচ্ছে নোড অবজেক্টের একটি একক তালিকা (তালিকা) সংগ্রহস্থল (সংগ্রহস্থল)。

NodeList-এর নোডগুলোকে সূচক দিয়ে পরিদর্শন করা যায় (0 থেকে শুরু করে)。

length অপারেশনNodeList-এর নোডগুলোর সংখ্যা ফিরিয়ে দিয়ে আসে。

NodeList vs. HTMLCollection

NodeList এবং HTMLCollection বেশ কিছুটা একই হয়েছে。

পাতার নিচের ব্যাখ্যা দেখুন。

কে নোডলিস্ট ফিরিয়ে দেয়?

childNodes প্রতিভা

querySelectorAll() পদ্ধতি

getElementsByName() পদ্ধতি

প্রতিভা এবং পদ্ধতি

NodeList-এর উপর নিম্নলিখিত প্রতিভা এবং পদ্ধতি ব্যবহার করা যায়:

নাম বর্ণনা
entries() কীভাবে কীভাবে ইটারেটর ফিরিয়ে দিয়ে আসে নোড এবং মানগুলোর একটি কাপি ফিরিয়ে দিয়ে আসে。
forEach() তালিকার প্রত্যেক নোডের জন্য কলব্যাক ফাংশন চালান।
উপস্থাপিত সূচকের নোডটি ফিরিয়ে দিয়ে আসে。 item()
NodeList-এর সূচকগুলোর ইটারেটর ফিরিয়ে দিয়ে আসে。 keys()
length NodeList-এর নোডগুলোর সংখ্যা ফিরিয়ে দিয়ে আসে。
values() তালিকার মান দিয়ে ইটারেটর ফিরিয়ে দিন。

প্রকার

নথিপত্রের সকল <p> নোড:

const myNodeList = document.querySelectorAll("p");

NodeList-এর ইলেকট্রনগুলোকে সূচক নম্বর দিয়ে পরিদর্শন করা যায়。

যদি আপনি দ্বিতীয় <p> নোডটি পরিদর্শন করতে চান, তবে আপনি লিখতে পারেন:

myNodeList[1]

আপনার নিজেই প্রয়োগ করুন

প্রত্যহরণ:সূচক 0 থেকে শুরু করে।

HTML DOM Node List Length

length এটা নোড তালিকায় নোডগুলোর সংখ্যা নির্দেশ করে:

উদাহরণ 1

myNodelist.length

আপনার নিজেই প্রয়োগ করুন

যখন আপনি নোড তালিকায় নোডগুলোকে পরিদর্শন করতে চান:length এটা অত্যন্ত উপযোগী হতে পারে:

উদাহরণ 2

পংক্তি তালিকায় সকল <p> ইলেকট্রনের রঙ পরিবর্তন করুন:

const myNodelist = document.querySelectorAll("p");
for (let i = 0; i < myNodelist.length; i++) {
  myNodelist[i].style.color = "red";
}

আপনার নিজেই প্রয়োগ করুন

আইনা নয়

NodeList একটি আইনা নয়

NodeList-এর আকৃতি একটি আইনা হতেও পারে, কিন্তু এটা একটি আইনা নয়

আপনি NodeList-এর উপর প্রবেশ করতে এবং তাদের নোডগুলির মাধ্যমে তাদের সূচক নম্বর ব্যবহার করতে পারেন

কিন্তু আপনি NodeList-এর উপর Array পদ্ধতি যেমন push()、pop() বা join() ব্যবহার করতে পারেন না

HTMLCollection এবং NodeList-এর পার্থক্য

NodeList এবং HTMLcollection খুবই সমান

উভয়ই ডকুমেন্ট থেকে উদ্ধারকৃত নোড (ইলেকট্রন) দিয়ে তৈরি একইভাবে ক্যারেক্টারিস্টিক সংকলন (তালিকা)। নোডগুলি সূচক নম্বরের মাধ্যমে প্রবেশ করা যেতে পারে। সূচক নম্বর 0 থেকে শুরু করে

উভয়ই length অপারেশনযা তালিকা (সংকলন) এর ইলেকট্রন সংখ্যা ফিরিয়ে দেয়

HTMLCollection একটিডকুমেন্ট ইলেকট্রনসংকলন

NodeList একটিডকুমেন্ট নোডযেমন ইলেকট্রন নোড, প্রক্রিয়াসূচক নোড এবং টেক্সট নোডের

HTMLCollection প্রকল্পগুলি তাদের নাম, id বা সূচক নম্বরের মাধ্যমে প্রবেশ করা যেতে পারে

NodeList বিষয়গুলি কেবল তাদের সূচক নম্বরের মাধ্যমে প্রবেশ করা যেতে পারে

HTMLCollection সর্বদা একটিসময়বার্তাকৃতসংকলন। উদাহরণ: <li> ইলেকট্রন ডমেইনে তালিকায় যদি অন্তর্ভুক্ত করা হয়, তবে HTMLCollection-এর তালিকা পরিবর্তিত হবে。

NodeList সাধারণত একটিস্থিরসংকলন। উদাহরণ: <li> ইলেকট্রন ডমেইনে তালিকায় যদি অন্তর্ভুক্ত করা হয়, তবে NodeList-এর তালিকা পরিবর্তিত হবে না。

getElementsByClassName() এবং getElementsByTagName() পদ্ধতি সময়বার্তাকৃত HTMLCollection ফিরিয়ে দেয়

querySelectorAll() পদ্ধতি স্থির NodeList ফিরিয়ে দেয়

childNodes পদ্ধতি সময়বার্তাকৃত NodeList ফিরিয়ে দেয়

সময়বার্তাকৃত নোড তালিকা

কিছু ক্ষেত্রে, NodeList হয়সময়বার্তাকৃতহাল্লোতের ক্ষেত্রে, NodeList আপদানকৃত হয়

childNodes পদ্ধতি সময়বার্তাকৃত NodeList ফিরিয়ে দেয়。