این آموزش در تاریخ ۱۴۰۱/۰۵/۱۶ آپدیت شده است.
آموزش متد hasAttribute در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش متد hasAttribute در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
متد hasAttribute در DOM جاوااسکریپت
با استفاده از متد ()hasAttribute میتونیم مشخص کنیم که آیا یک تگ دارای یک صفت خاص ( که خودمون مشخصش میکنیم ) می باشد یا خیر.
خودمونی بخوام بگم یعنی میتونیم چک کنیم که مثلا آیا فلان صفت درون فلان تگ وجود داره یا نه؟! این متد ۱ پارامتر میگیره که اونم همون صفتی هست که میخوایم چک کنیم ببینیم آیا درون تگ وجود داره یا نه.
| مقدار برگشتی | true : یعنی بله صفت درون تگ وجود داره false : یعنی خیر صفت درون تگ وجود نداره |
|---|---|
| نسخه DOM | DOM Level 2 |
Free-Learn
مثال از این متد
در ادامه میتوانید یک مثال از این متد را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : میخوایم چک کنیم ببینیم آیا صفت class درون تگ وجود دارد یا خیر
|
1 2 3 4 5 6 7 8 9 10 |
<script> function Check(){ var MyTag , Result; MyTag = document.getElementById("MyP"); Result = document.getElementById("Result"); Result.innerHTML = MyTag.hasAttribute("class"); } </script> |
مثال شماره ۲ : حالا یکمی پیشرفته تر کار میکنیم، میایم اول چک کنیم ببینیم آیا صفت href درون تگ a وجود دارد یا نه، اگه وجود داشت که پیغام بده که بله وجود داره ولی اگه وجود نداشت میخوایم با استفاده از متد setAttribute صفت href با مقدار مشخص بهش اضافه کنیم.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<script> function Check(){ var MyLink , Result; MyLink = document.getElementById("MyLink"); Result = document.getElementById("Result"); if ( MyLink.hasAttribute("href") == true ){ Result.innerHTML = "آره هستش"; }else{ MyLink.setAttribute("href", "https://free-learn.ir/"); Result.innerHTML = "صفت ست شد"; } } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این متد در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام متد | Chrome | Firefox | Opera | Safari | Edge |
| ()hasAttribute | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این متد در جاوااسکریپت بصورت زیر می باشد.
|
1 |
Element.hasAttribute( "Attribute_Name" ); |
Free-Learn
جدول پارامترها
در جدول زیر میتوانید، پارامترهایی را که میتوان در این متد استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| Attribute_Name | ضروری – نام اون صفتی که قراره چک کنیم ببینیم درون تگ وجود داره یا نه |
Free-Learn
نکات و توضیحات
- برای اضافه کردن صفت به تگ میتوان از متد setAttribute استفاده کرد.
- برای گرفتن یک صفت از تگ میتوان از متد getAttribute استفاده کرد.
- برای حذف کردن یک صفت از تگ میتوان از متد removeAttribute استفاده کرد.
