JavaScript'te Öğe Alma Hatası
Bazen yeni başlayan programcılar, bir grup DOM öğesi almak için
querySelectorAll yöntemi yerine
querySelector yöntemini kullanarak hata yaparlar.
Bu hatanın karakteristik özelliklerine bir göz atalım. Aşağıdaki paragraflar verilsin:
<p>1</p>
<p>2</p>
<p>3</p>
Bir programcı, bu paragrafların metinlerini alıp konsola yazdırmaya karar verdi. Bunun için, bu öğelere referansları bir değişkene alırken yanlışlıkla yanlış yöntemi kullandı:
let elems = document.querySelector('p');
Daha sonra, paragrafları bir döngü ile dolaşmak ve her paragrafın metnini konsola yazdırmak istedi:
for (let elem of elems) {
console.log(elem.textContent);
}
Sonuç olarak, konsolda karakteristik bir elems is not iterable hatası belirecektir. Bu hata, elems değişkeninin iterable olmadığını, yani bir dizi ya da for-of döngüsü ile dolaşılabilecek bir şey olmadığını söyler.
