Gabim në aksesimin e grupit të elementeve në JavaScript

Ndonjëherë programuesit fillestarë përpiqen të punojnë me një grup elementësh si sikur ata kanë vetëm një element. Le të shohim, cili është thelbi i këtij gabimi.

Le të themi se keni paragrafët:

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

Le të supozojmë se një programues vendosi të shkruajë në tekstin e çdo paragrafi të njëjtën vlerë. Për këtë, ai mori lidhje (referenca) për këto elemente në një variabël:

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

Pastaj, programuesi ynë gabimisht e aksesoi variablin tonë sikur aty qëndron një element i vetëm, e jo një grup. Si rezultat, teksti i paragrafëve nuk do të ndryshojë, por, karakteristikisht, as gabimi në konsol nuk do të shfaqet:

elems.textContent = '!';

Zgjidhja e saktë këtu do të ishte të përsëritësh grupin e elementeve me një cikël dhe për secilin element veç e veç të kryhet operacioni i nevojshëm:

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