JavaScript-এ এলিমেন্ট পাওয়ার ত্রুটি

কখনও কখনও初学者 প্রোগ্রামাররা একটি ভুল করে, DOM এলিমেন্টের একটি গ্রুপ পাওয়ার জন্য querySelectorAll মেথডের পরিবর্তে querySelector মেথড ব্যবহার করে।

আসুন এই ত্রুটির বৈশিষ্ট্যগত বিশেষত্বগুলি দেখি। ধরি নিম্নলিখিত প্যারাগ্রাফ দেওয়া আছে:

<p>1</p>
<p>2</p>
<p>3</p>

একজন প্রোগ্রামার এই প্যারাগ্রাফগুলির টেক্সট পেতে এবং কনসোলে দেখাতে চেয়েছিলেন। এটি করার জন্য, তিনি ভুলভাবে ভুল মেথড ব্যবহার করে এই এলিমেন্টগুলির রেফারেন্স একটি ভেরিয়েবলে পেয়েছেন:

let elems = document.querySelector('p');

তারপর তিনি একটি লুপ ব্যবহার করে প্যারাগ্রাফগুলি অতিক্রম করতে এবং প্রতিটি প্যারাগ্রাফের টেক্সট কনসোলে আউটপুট করতে চেয়েছিলেন:

for (let elem of elems) {
	console.log(elem.textContent);
}

ফলস্বরূপ, কনসোলে একটি বৈশিষ্ট্যগত ত্রুটি elems is not iterable দেখা দেবে। এটি বলে যে ভেরিয়েবল elems iterable নয়, অর্থাৎ এটি একটি অ্যারে বা এমন কিছু নয় যাকে for-of লুপের মাধ্যমে অতিক্রম করা যায়।