آفلاین
user-avatar

تفاوت دو تابع prop و Attr

3 سال پیش
توسط امیر پاشایی آپدیت شد
آفلاین
user-avatar
سید سعید حسینی ( 10329 تجربه )
3 سال پیش
تخصص : برنامه نویس

سلام
میخواستم بدونم تفاوت دو تابع prop و Attr چیه؟

بهترین پاسخ انتخاب شده توسط سید سعید حسینی
آفلاین
user-avatar
مهدی
3 سال پیش

attr با html کار میکنه و prop با dom
attr همیشه یه رشته برمیگردونه ولی prop میتونه بسته به شرایط هر چیزی باشه (شی رشته عدد و...)

اگه کدی که گذاشتمو ببینی متوجه میشی که با تغییر checkbox و یا نوشتن توی input و در آخر کیلک روی btn مقادیر prop تغییر میکنه ولی attr ثابت میمونه

در ضمن اگه توجه کنی من خصوصیت checked رو توی html برای checkbox تعریف نکردم که باعث میشه attr تعریف نشده برگردونه

و اگه قسمت style رو نگاه کنی prop یه شی برگردونده ولی attr یه رشته ...

در کل توصیه میشه از prop استفاده بشه

اینم لینک مثال :

مثال

آفلاین
user-avatar
مهدی ( 23232 تجربه )
3 سال پیش

attr با html کار میکنه و prop با dom
attr همیشه یه رشته برمیگردونه ولی prop میتونه بسته به شرایط هر چیزی باشه (شی رشته عدد و...)

اگه کدی که گذاشتمو ببینی متوجه میشی که با تغییر checkbox و یا نوشتن توی input و در آخر کیلک روی btn مقادیر prop تغییر میکنه ولی attr ثابت میمونه

در ضمن اگه توجه کنی من خصوصیت checked رو توی html برای checkbox تعریف نکردم که باعث میشه attr تعریف نشده برگردونه

و اگه قسمت style رو نگاه کنی prop یه شی برگردونده ولی attr یه رشته ...

در کل توصیه میشه از prop استفاده بشه

اینم لینک مثال :

مثال

آفلاین
user-avatar
امیر پاشایی ( 6765 تجربه )
3 سال پیش
تخصص : web developer

در کل برای هرچیز مقدار دهی شونده ای در html از attr استفاده می شود، مانند class و id و همینطور data ها ولی از prop اغلب اوقات برای مقادیر بولینی استفاده می شود مانند required, selected, checked و این موارد.

موفق باشید.

برای ارسال پاسخ باید وارد سایت شوید