این آموزش در تاریخ ۱۴۰۱/۰۴/۱۹ آپدیت شده است.

کار با صفات عناصر در جاوا اسکریپت

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش کار با صفات عناصر در جاوا اسکریپت با من همراه باشید.

کار با صفات عناصر در جاوا اسکریپت

Free-Learn

کار با صفات عناصر در جاوا اسکریپت

ما در این جلسه میخوایم با صفات تگ ها در زبان جاوا اسکریپت کار کنیم و ببینیم چجوری میتونیم مثلا مقدار صفت یک تگ رو بدست بیاریم یا کلا چجوری میشه یه صفت جدید بهمراه مقدار جدید برای یه تگ مشخص کرد.

در ادامه و تا پایان این جلسه میخوایم با متدهای زیر که برای کار با صفات می باشند کار کنیم :

  • getAttribute : بدست آوردن مقدار یک صفت
  • setAttribute : ایجاد / تنظیم صفت جدید + مقدار
  • removeAttribute : حذف کردن صفت + مقدار

Free-Learn

کار با متد getAttribute

خب ما شاید بخوایم نام صفت یه تگ رو بدست بیاریم یا اصلا شاید بخوایم مقدار صفت یک تگ رو بدست بیاریم، باید چکار کنیم؟ خیلی خیلی راحت در جاوا اسکریپت میتونیم اینکارو انجام بدیم.

با استفاده از متد getAttribute میتونیم به راحتی مقدار صفت یک عنصر رو بدست آوریم.

شکل کلی برای استفاده از متد getAttribute :

  • Element : اون تگی که میخوایم صفتش رو بدست بیاریم
  • Name_Attribute : نام اون صفتی که میخوایم مقدارش رو بدست بیاریم

مثال شماره ۱ : بدست آوردن مقدار صفت href از تگ a

امتحان کنید

مثال شماره ۲ : بدست آوردن مقدار صفت id و title از تگ P

امتحان کنید

مثال شماره ۳ : با کلیک بروی یک دکمه، آدرس URL یک عکس رو به نمایش درمیاریم

امتحان کنید

Free-Learn

کار با متد setAttribute

فک کنم از اسم این متد مشخص باشه که چکار میتونه کنه!؟ همونطور که از اسمش مشخصه با استفاده از این متد میتونیم برای یک تگ یک صفت + مقدار ست / تنظیم / مشخص کنیم.

شکل کلی برای استفاده از این متد :

  • Name : نام صفت
  • Value : مقدار صفت

مثال شماره ۱ : ما یک تگ a ایجاد کردیم ولی خب براش href مشخص نکردیم، میخوایم با استفاده از جاوا اسکریپت صفت href بهمراه مقدار ( آدرس سایت فری لرن ) رو براش مشخص کنیم.

امتحان کنید

مثال شماره ۲ : میخوایم یک آدرس URL عکس از کاربر بگیریم بعدش همون آدرس رو برای تگ IMG ست کنیم

امتحان کنید

Free-Learn

کار با متد removeAttribute

این متد removeAttribute هم که دیگه مشخصه، با استفاده از آن میتوان صفت یک تگ رو حذف کرد.

شکل کلی :

  • Element : اون تگی که میخوایم صفتش رو حذف کنیم
  • Name_Attribute : نام اون صفتی که میخوایم حذف شه

مثال : حذف کردن صفت href از تگ a

امتحان کنید

Free-Learn

دریافت PDF یا پرینت این مطلب