چطور با استفاده از حلقه for روی عناصر HTMLCollection پیمایش کنم؟

برای پیمایش روی عناصر HTMLCollection، نباید از for...in استفاده کنی، چون این روش برای تکرار روی ویژگی‌های یک شیء استفاده می‌شه و ممکنه خواص غیرمنتظره‌ای رو برگردونه. به جای اون، از for...of یا یک حلقه for کلاسیک استفاده کن:

var list = document.getElementsByClassName("events");
   for (let item of list) {
   console.log(item.id);
}

استفاده از حلقه for:

var list = document.getElementsByClassName("events");
   for (var i = 0; i < list.length; i++) {
   console.log(list[i].id);
}

این روش‌ها بهت کمک می‌کنن که به درستی روی عناصر HTMLCollection پیمایش کنی و فقط مقادیر موردنظرت رو به دست بیاری.