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 इटरेबल नहीं है, यानी यह एक ऐरे या ऐसी चीज़ नहीं है जिसे for-of लूप के माध्यम से पुनरावृत्त किया जा सके।