Feil ved henting av elementer i JavaScript

Noen ganger gjør nybegynnere programmere en feil, ved at de bruker querySelector for å hente en gruppe DOM-elementer, i stedet for metoden querySelectorAll.

La oss se på de karakteristiske trekkene ved denne feilen. La oss si at vi har disse avsnittene:

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

En programmerer bestemte seg for å hente og skrive ut tekstene i disse avsnittene til konsollen. For å gjøre dette hentet han lenker til disse elementene i en variabel, ved feil å bruke feil metode:

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

Deretter bestemte han seg for å iterere gjennom avsnittene med en løkke og skrive ut teksten i hvert avsnitt til konsollen:

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

Som et resultat vil en karakteristisk feil vises i konsollen: elems is not iterable. Den sier at variabelen elems ikke er itererbar, det vil si at den ikke er en array eller noe som kan itereres gjennom med en for-of-løkke.