JavaScript में तत्वों की सरणी तक पहुँचने में त्रुटि

कभी-कभी नौसिखिए प्रोग्रामर तत्वों की सरणी के साथ ऐसे काम करने की कोशिश करते हैं जैसे कि उनके पास एक ही तत्व हो। आइए देखें, यह त्रुटि क्या है।

मान लीजिए पैराग्राफ दिए गए हैं:

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

मान लीजिए कि एक प्रोग्रामर ने प्रत्येक पैराग्राफ के टेक्स्ट में एक ही मान लिखने का निर्णय लिया। इसके लिए उसने इन तत्वों के लिंक एक वेरिएबल में प्राप्त कर लिए:

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

फिर हमारे प्रोग्रामर ने गलती से हमारे वेरिएबल को इस तरह एक्सेस किया, जैसे कि इसमें एक ही तत्व हो, न कि एक सरणी। परिणामस्वरूप, पैराग्राफ का टेक्स्ट नहीं बदलेगा, लेकिन, विशेषता यह है कि, कंसोल में कोई त्रुटि भी नहीं होगी:

elems.textContent = '!';

यहाँ सही समाधान होगा तत्वों की सरणी को लूप से पुनरावृत्त करना और प्रत्येक तत्व के लिए अलग से आवश्यक ऑपरेशन करना:

for (let elem of elems) {
	elem.textContent = '!';
}