Fejl ved hentning af elementer i JavaScript

Sommetider begynder programmører en fejl, ved at bruge til at hente en gruppe DOM-elementer metoden querySelector i stedet for metoden querySelectorAll.

Lad os se på de karakteristiske træk ved denne fejl. Lad os antage at der er givet afsnit:

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

En eller anden programmør besluttede at hente og udskrive tekstene fra disse afsnit til konsollen. For at gøre dette fik han henvisninger til disse elementer i en variabel, ved fejlagtigt at bruge den forkerte metode:

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

Derefter besluttede han at gennemgå afsnittene i en løkke og udskrive teksten fra hvert afsnit til konsollen:

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

Som et resultat vil der vises en karakteristisk fejl elems is not iterable i konsollen. Den fortæller, at variablen elems ikke er itererbar, hvilket betyder, at den ikke er et array eller noget, der kan gennemgås med en for-of-løkke.