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

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

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

Free-Learn

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

با استفاده از متد ()setAttributeNode میتونیم یک گره صفت جدید را به یک عنصر ( بصورت شئ صفت یا Attr Object ) اضافه نماییم.

وقتی یک صفت بصورت شئ صفت ( یا Attr Object ) می باشد ما میتونیم با استفاده از ۲ ویژگی زیر هم نام و هم مقدار اون صفت رو بدست آوریم :

مقدار برگشتی اگه گره وجود داشت، گره صفت بصورت شئ برگشت میده
و اگه وجود نداشت null برگشت میده
نسخه DOM Core Level 1 Element Object

Free-Learn

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

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

مثال شماره ۱ : میخوایم با کلیک بروی یک دکمه، صفت class با مقدار free-learn به تگ اضافه شه.

امتحان کنید

توضیح مثال بالا :

در مثال بالا ما میخوایم یک گره صفت به تگ مورد نظرمون اضافه کنیم، خب در خط ۶ اومدیم و صفت مورد نظرمون رو ایجاد کردیم یا تعریف کردیم. ( مثلا من خواستم صفت class اضافه کنم )

بعدش در خط ۷ با استفاده از ویژگی value اومدیم و به صفتی که ایجاد کردیم مقدار دادیم، مثلا من مقدار دادم free-learn و در نهایت در خط ۸ با استفاده از متد setAttributeNode اومدیم و صفت رو به عنصر یا تگ اضافه کردیم.

Free-Learn

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

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

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

Free-Learn

شکل نوشتاری

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

Free-Learn

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

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

مقدار توضیح
Attribute_Node ضروری – نام اون گره صفتی که میخوایم اضافش کنیم.

Free-Learn

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

  • اگه خوده صفت ( مثلا صفت class ) از قبل در تگ وجود داشته باشه، صفت جدید بهمراه مقدارش جایگزین صفت فعلی میشه.
  • هرچیزی که درون یک تگ ( یعنی درون تگ شروع ) قرار بگیرد صفت نام دارد، مثه صفت های id , class , src  title و…  ( لیست کامل صفت های تگ ها )
  • برای بدست آوردن نام و مقدار یک گره صفت که بصورت شئ می باشد باید از ویژگی name و value استفاده نمایید ولی اگه میخواستید فقط مقدار یک صفت رو بدست آورید خیلی راحت میتونید از متد ()getAttribute استفاده نمایید.

Free-Learn

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