آموزش متد 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 )
1 2 3 4 5 6 7 8 9 10 |
<script> function get(){ var myp , result; myp = document.getElementById("MyP"); result = document.getElementById("Result"); result.innerHTML = myp.getAttributeNode("class").name; } </script> |
مثال شماره ۲ : میخوایم با کلیک بروی یک دکمه، مقدار صفت class رو از تگ بگیریم و در خروجی نمایش بدیم. ( اینجا دیگه مقدار اون صفت رو نشون میده یعنی هرچی داخل صفت class باشه )
1 2 3 4 5 6 7 8 9 10 |
<script> function get(){ var myp , result; myp = document.getElementById("MyP"); result = document.getElementById("Result"); result.innerHTML = myp.getAttributeNode("class").value; } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این متد در جاوااسکریپت پشتیبانی میکنند یا خیر.
نام متد | Chrome | Firefox | Opera | Safari | IE |
()getAttributeNode | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این متد در جاوااسکریپت بصورت زیر می باشد.
1 |
Element.getAttributeNode( "Attribute_Name" ); |
Free-Learn
جدول پارامترها
در جدول زیر میتوانید، پارامترهایی را که میتوان در این متد استفاده کرد مشاهده نمایید.
مقدار | توضیح |
---|---|
Attribute_Name | ضروری – نام اون صفتی که میخوایم بصورت شئ برش گردونیم. |
Free-Learn
نکات و توضیحات
- اگه نام صفتی که وارد میشود اشتباه باشد یا کلا اون صفت وجود نداشته باشد در خروجی هیچی یا null میشه.
- هرچیزی که درون یک تگ ( یعنی درون تگ شروع ) قرار بگیرد صفت نام دارد، مثه صفت های id , class , src title و… ( لیست کامل صفت های تگ ها )
- برای بدست آوردن نام و مقدار یک گره صفت که بصورت شئ می باشد باید از ویژگی name و value استفاده نمایید ولی اگه میخواستید فقط مقدار یک صفت رو بدست آورید خیلی راحت میتونید از متد ()getAttribute استفاده نمایید.