Gabim në Marrjen e Elementeve në JavaScript

Ndonjëherë programuesit fillestarë bëjnë një gabim, duke përdorur për të marrë një grup elementësh DOM metodën querySelector në vend të metodës querySelectorAll.

Le të shohim karakteristikat tipike të këtij gabimi. Le të themi se keni paragrafët:

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

Një programist vendosi t'i merrte dhe t'i shfaqte në konsol tekstet e këtyre paragrafëve. Për këtë, ai i mori referencat për këto elemente në një variabël, duke përdorur gabimisht metodën e gabuar:

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

Pastaj ai vendosi t'i përsëriste paragrafët me një cikël dhe të shfaqte tekstin e çdo paragrafi në konsol:

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

Si rezultat, në konsol do të shfaqet një gabim karakteristik elems is not iterable. Ai tregon që ndryshorja elems nuk është e përsëritshme, domethënë nuk është një array ose diçka që mund të përsëritet përmes ciklit for-of.