Fout by die verkryging van elemente in JavaScript

Soms maak beginnerprogrammeurs 'n fout deur die metode querySelector te gebruik om 'n groep DOM-elemente te verkry in plaas van die metode querySelectorAll.

Kom ons kyk na die kenmerkende eienskappe van hierdie fout. Laat ons sê daar is die volgende paragrawe:

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

'n Sekere programmeur het besluit om die tekste van hierdie paragrawe te verkry en na die konsole uit te voer. Om dit te doen het hy verwysings na hierdie elemente in 'n veranderlike verkry, maar per abuis die verkeerde metode gebruik:

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

Daarna het hy besluit om die paragrawe met 'n lus te deurloop en die teks van elke paragraaf na die konsole uit te voer:

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

As gevolg hiervan sal 'n kenmerkende fout elems is not iterable in die konsole verskyn. Dit sê dat die veranderlike elems nie iterable is nie, dit wil sê dit is nie 'n skikking of iets wat deur 'n for-of-lus herhaal kan word nie.