HTML DOM NodeList length এটা

  • পূর্ববর্তী পৃষ্ঠা keys()
  • পরবর্তী পৃষ্ঠা values()
  • একত্রিত স্তরে ফিরে যান HTML DOM NodeList

সংজ্ঞা ও ব্যবহার

length এটা NodeList-এর নোডের সংখ্যা ফিরায়

length এটা অলিপীয়

ইনস্ট্যান্স

উদাহরণ 1

ডকুমেন্টের ইলেকট্রনিক নোডের সংখ্যা পাওয়া হয়:

const nodeList = document.body.childNodes;
let number = nodeList.length;

আপনার হাতে পরীক্ষা করুন

উদাহরণ 2

ডকুমেন্টের <body> ইলেকট্রনিক নোড পাওয়া হয়:

const nodeList = document.body.childNodes;

আপনার হাতে পরীক্ষা করুন

উদাহরণ 3

"myDIV"-এর সাব-নোডগুলির সংখ্যা পাওয়া হয়:

const element = document.getElementById("myDIV");
let numb = element.childNodes.length;

আপনার হাতে পরীক্ষা করুন

উদাহরণ 4

"myDIV"-এর সমস্ত <p> মুকল্যান্তর সংখ্যা:

const div = document.getElementById("myDIV");
const list = div.querySelectorAll("p");
let number = list.length;

আপনার হাতে পরীক্ষা করুন

উদাহরণ 5

"myDIV"-এর সমস্ত <p> মুকল্যান্তর পরিদর্শন করে এবং তাদের ফন্ট মাপ পরিবর্তন করুন:

const div = document.getElementById("myDIV");
const list = div.querySelectorAll("p");
for (let i = 0; i < list.length; i++) {
  list[i].style.fontSize = "red";
}

আপনার হাতে পরীক্ষা করুন

উদাহরণ 6

সমস্ত সাব-নোডগুলি পরিদর্শন করে এবং প্রত্যেক নোডের নাম সংগ্রহ করুন:

const list = document.body.childNodes;
let text = "";
for (let i = 0; i < list.length; i++) {
  text += list[i].nodeName + "<br>";
}

আপনার হাতে পরীক্ষা করুন

সংজ্ঞা

nodelist.length

ফলাফল

ধরন বর্ণনা
সংখ্যা NodeList-এর নোড সংখ্যা

ব্রাউজার সমর্থন

nodelist.length হল ডমেইন লেভেল 1 (1998) বৈশিষ্ট্য

সমস্ত আধুনিক ব্রাউজারগুলি এটি সমর্থন করে:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
সমর্থন 9-11 সমর্থন সমর্থন সমর্থন সমর্থন

সংশ্লিষ্ট পৃষ্ঠা

entries() পদ্ধতি

forEach() পদ্ধতি

item() পদ্ধতি

keys() পদ্ধতি

values() পদ্ধতি

NodeList অবজেক্ট

childNodes() পদ্ধতি

querySelectorAll() পদ্ধতি

getElementsByName() পদ্ধতি

  • পূর্ববর্তী পৃষ্ঠা keys()
  • পরবর্তী পৃষ্ঠা values()
  • একত্রিত স্তরে ফিরে যান HTML DOM NodeList