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

آموزش متد createAttribute در DOM جاوااسکریپت

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

متد createAttribute در DOM جاوااسکریپت

Free-Learn

متد createAttribute در DOM جاوااسکریپت

با استفاده از متد ()createAttribute میتونیم یک صفت با یک نام مشخص شده را ایجاد و یا تعریف نماییم. ( بطور کلی برای تعریف صفت برای یک تگ میتوان از این متد استفاده کرد )

این متد مقدار برگشتیش بصورت شئ صفت ( یا Attr Object ) می باشد، در نتیجه ما میتونیم با استفاده از ویژگی value هم مقدار یک صفت رو بدست آوریم و هم مقدار جدید براش تعریف نماییم.

با استفاده از متد setAttribute میتونیم یک صفت با مقدار مشخص را به یک تگ اضافه نماییم.

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

مقدار برگشتی برگشت یک شئ صفت از صفت ایجاد شده
نسخه DOM Core Level 1 Document Object

Free-Learn

مثال از این متد

در ادامه میتوانید یک مثال از این متد را در زبان جاوا اسکریپت مشاهده نمایید.

مثال شماره ۱ : میخوایم با کلیک بروی یک دکمه، صفت src رو بهمراه مقدارش به تگ img اضافه کنیم.

امتحان کنید

مثال شماره ۲ : اضافه کردن صفت href به تگ a ( لینک )

امتحان کنید

مثال شماره ۳ : اضافه کردن صفت class به یک تگ

امتحان کنید

Free-Learn

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این متد در جاوااسکریپت پشتیبانی میکنند یا خیر.

نام متد Chrome Firefox Opera Safari IE
()createAttribute بله بله بله بله بله

Free-Learn

شکل نوشتاری

نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این متد در جاوااسکریپت بصورت زیر می باشد.

Free-Learn

جدول پارامترها

در جدول زیر میتوانید، پارامترهایی را که میتوان در این متد استفاده کرد مشاهده نمایید.

مقدار توضیح
AttributeName ضروری – نام اون صفتی که قراره ایجاد بشه یا تعریف کنیم.

Free-Learn

نکات و توضیحات

  • این متد مقدار برگشتیش بصورت شئ صفت ( یا Attr Object ) می باشد، که با استفاده از ویژگی name میتونیم نام صفت و با استفاده از ویژگی value میتونیم مقدار صفت رو بدست آوریم.
  • با استفاده از متد ()setAttributeNode میتونیم یک گره صفت جدید را به یک عنصر ( بصورت شئ صفت یا Attr Object ) اضافه نماییم. ( همانند مثال های شماره ۱ تا ۳ )
  • با استفاده از متد ()createElement میتونیم یک عنصر ( یا تگ جدید ) در صفحه ایجاد نماییم.
  • با استفاده از متد ()createTextNode میتونیم یک گره متن را درون یک عنصر ( تگ ) ایجاد نماییم.

Free-Learn

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