Tömb elemeihez való hibás hozzáférés JavaScriptben

Időnként a kezdő programozók úgy próbálnak dolgozni egy elemekből álló tömbbel, mintha az egyetlen elem lenne. Nézzük meg, mi ennek a hiba a lényege.

Legyenek adottak bekezdések:

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

Tegyük fel, hogy egy programozó úgy döntött, hogy minden bekezdés szövegébe ugyanazt az értéket írja. Ehiek megkapta ezekre az elemekre a hivatkozásokat egy változóba:

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

Ezután a programozónk tévesen úgy próbált hozzáférni a változónkhoz, mintha ott egyetlen elem lenne, és nem egy tömb. Ennek eredményeképpen a bekezdések szövege nem fog változni, de, ami jellemző, hiba se lesz a konzolon:

elems.textContent = '!';

Itt a helyes megoldás az lenne, hogy a ciklussal bejárjuk az elemek tömbjét és minden egyes elemre külön elvégzzük a szükséges műveletet:

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