Fehler beim Abrufen von Elementen in JavaScript

Manchmal machen Programmieranfänger den Fehler, für den Abruf einer Gruppe von DOM-Elementen die Methode querySelector anstelle der Methode querySelectorAll zu verwenden.

Schauen wir uns die charakteristischen Merkmale dieses Fehlers an. Angenommen, es gibt Absätze:

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

Ein gewisser Programmierer beschloss, die Texte dieser Absätze zu erhalten und in der Konsole auszugeben. Dazu hat er Referenzen auf diese Elemente in einer Variable gespeichert, fälschlicherweise unter Verwendung der falschen Methode:

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

Dann beschloss er, die Absätze in einer Schleife zu durchlaufen und den Text jedes Absatzes in der Konsole auszugeben:

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

Infolgedessen erscheint in der Konsole ein charakteristischer Fehler elems is not iterable. Er sagt, dass die Variable elems nicht iterierbar ist, also kein Array oder etwas ist, das durch eine for-of-Schleife durchlaufen werden kann.