Fehler beim Zugriff auf ein Array von Elementen in JavaScript

Manchmal versuchen Anfängerprogrammierer, mit einem Array von Elementen zu arbeiten, als ob es sich um ein einzelnes Element handelt. Schauen wir uns an, worin der Fehler besteht.

Gegeben seien Absätze:

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

Angenommen, ein Programmierer beschloss, in den Text jedes Absatzes den gleichen Wert zu schreiben. Dafür hat er die Referenzen auf diese Elemente in einer Variable gespeichert:

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

Anschließend hat unser Programmierer fälschlicherweise auf unsere Variable so zugegriffen, als ob dort ein einzelnes Element läge, und kein Array. In der Folge wird sich der Text der Absätze nicht ändern, aber charakteristisch ist, dass auch kein Fehler in der Konsole erscheint:

elems.textContent = '!';

Die richtige Lösung wäre hier, das Array von Elementen in einer Schleife zu durchlaufen und für jedes Element einzeln die gewünschte Operation durchzuführen:

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