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