0
سبد خرید من 0 دوره
سبد خرید شما خالیست :(
پرسش

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

For loop for HTMLCollection elements

من دارم تلاش می‌کنم تا با استفاده از حلقه for روی تمام عناصر یک HTMLCollection پیمایش کنم و شناسه (id) اون‌ها رو بگیرم. اما به مشکل برخوردم و نتیجه‌ای که انتظار دارم رو نمی‌گیرم. چه راهی برای انجام این کار وجود داره؟

1403/06/06
پاسخ
محمدامین سعیدی راد
بیوگرافی محمدامین سعیدی راد

برای پیمایش روی عناصر 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 پیمایش کنی و فقط مقادیر موردنظرت رو به دست بیاری.

 

پاسخ: 1403/06/06
آخرین آپدیت: 1403/08/13