Kesalahan dalam Mendapatkan Elemen di JavaScript

Kadang-kadang programmer pemula melakukan kesalahan dengan menggunakan metode querySelector untuk mendapatkan sekelompok elemen DOM alih-alih metode querySelectorAll.

Mari kita lihat ciri khas dari kesalahan ini. Misalkan diberikan paragraf-paragraf berikut:

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

Seorang programmer memutuskan untuk mendapatkan dan mencetak teks dari paragraf-paragraf ini ke konsol. Untuk melakukannya, mereka mendapatkan referensi ke elemen-elemen tersebut ke dalam sebuah variabel, tetapi secara keliru menggunakan metode yang salah:

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

Kemudian mereka memutuskan untuk mengulang paragraf-paragraf dengan loop dan mencetak teks setiap paragraf ke konsol:

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

Akibatnya, di konsol akan muncul kesalahan khas elems is not iterable. Pesan ini mengatakan bahwa variabel elems tidak dapat diiterasi, artinya bukan merupakan array atau sesuatu yang dapat diulang melalui loop for-of.