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

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

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

Free-Learn

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

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

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

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

Free-Learn

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

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

مثال شماره ۱ : میخوایم با کلیک بروی یک دکمه، نام صفت class رو از تگ بگیریم و در خروجی نمایش بدیم، ( اینجا نام خوده صفت رو نشون میده، مثلا نام صفت class میشه class )

امتحان کنید

مثال شماره ۲ : میخوایم با کلیک بروی یک دکمه، مقدار صفت class رو از تگ بگیریم و در خروجی نمایش بدیم. ( اینجا دیگه مقدار اون صفت رو نشون میده یعنی هرچی داخل صفت class باشه )

امتحان کنید

Free-Learn

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

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

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

Free-Learn

شکل نوشتاری

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

Free-Learn

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

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

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

Free-Learn

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

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

Free-Learn

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