این آموزش در تاریخ ۱۴۰۱/۰۵/۱۴ آپدیت شده است.
آموزش متد getAttribute در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش متد getAttribute در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
متد getAttribute در DOM جاوااسکریپت
با استفاده از متد ()getAttribute میتونیم مقدار یک صفت مشخص شده رو از یک تگ ، با استفاده از نام صفت بدست آوریم، این متد ۱ پارامتر میگیره که اونم نام اون صفتی هست که میخوایم مقدارشو بدست بیاریم.
برای بدست آوردن صفت یک تگ بصورت شئ صفت میتوان از متد getAttributeNode استفاده کرد.
| مقدار برگشتی | برگشت مقدار صفت و اگه صفت وجود نداشت در خروجی یا null میده |
|---|---|
| نسخه DOM | DOM Level 1 |
Free-Learn
مثال از این متد
در ادامه میتوانید یک مثال از این متد را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : بدست آوردن مقدار صفت href از تگ a
|
1 2 3 4 5 6 7 8 9 |
<script> function Get(){ var MyLink = document.getElementById("MyLink"); var Result = document.getElementById("Result"); Result.innerHTML = MyLink.getAttribute("href"); } </script> |
مثال شماره ۲ : با کلیک بروی یک دکمه، آدرس URL یک عکس رو به نمایش درمیاریم
|
1 2 3 4 5 6 7 8 9 |
<script> function Get(){ var MyTag = document.getElementById("MyImage"); var Result = document.getElementById("Result"); Result.innerHTML = MyTag.getAttribute('src'); } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این متد در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام متد | Chrome | Firefox | Opera | Safari | Edge |
| ()getAttribute | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این متد در جاوااسکریپت بصورت زیر می باشد.
|
1 |
Element.getAttribute( "Attribute_Name" ); |
Free-Learn
جدول پارامترها
در جدول زیر میتوانید، پارامترهایی را که میتوان در این متد استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| Attribute_Name | ضروری – نام اون صفتی که میخوایم مقدارشو بدست آوریم |
Free-Learn
نکات و توضیحات
- اگه نام صفتی که وارد میشود اشتباه باشد یا کلا اون صفت وجود نداشته باشد در خروجی هیچی یا null میشه.
- هرچیزی که درون یک تگ ( یعنی درون تگ شروع ) قرار بگیرد صفت نام دارد، مثه صفت های id , class , src title و… ( لیست کامل صفت های زبان HTML )
