JavaScript-də elementlərin alınmasında səhv

Bəzən yeni başlayan proqramçılar DOM elementlərinin qrupunu almaq üçün querySelectorAll metodu əvəzinə querySelector metodundan istifadə edərək səhv edirlər.

Gəlin bu səhvin xarakterik xüsusiyyətlərinə nəzər salaq. Tutaq ki, aşağıdakı abzaslar verilib:

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

Müəyyən bir proqramçı bu abzasların mətnlərini almaq və konsola çıxarmaq qərarına gəldi. Bunun üçün o, səhvən düzgün olmayan metoddan istifadə edərək bu elementlərə keçidlər dəyişənə əldə etdi:

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

Sonra o, abzasları dövrə ilə keçmək və hər bir abzasın mətnini konsola çıxarmaq qərarına gəldi:

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

Nəticədə konsolda xarakterik elems is not iterable səhvi görünəcək. Bu səhv elems dəyişəninin iterasiya oluna bilmədiyini, yəni massiv və ya for-of dövrü ilə keçə biləcəyi bir şey olmadığını göstərir.