Error al obtener elementos en JavaScript

A veces, los programadores principiantes cometen el error de usar el método querySelector para obtener un grupo de elementos DOM en lugar del método querySelectorAll.

Veamos las características típicas de este error. Supongamos que tenemos los siguientes párrafos:

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

Un programador decidió obtener y mostrar en la consola los textos de estos párrafos. Para ello, guardó las referencias a estos elementos en una variable, usando erróneamente el método incorrecto:

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

Luego, decidió recorrer los párrafos con un bucle y mostrar el texto de cada párrafo en la consola:

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

Como resultado, aparecerá en la consola el característico error elems is not iterable. Este indica que la variable elems no es iterable, es decir, no es un array o algo que se pueda recorrer con un bucle for-of.