خانه آموزش زبان جاوااسکریپت آموزش DOM در جاوااسکریپت متد getAttribute در DOM جاوااسکریپت

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

توسط

۱۴۰۰-۰۳-۰۸

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

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

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

Free-Learn

آنچه در این جلسه میخوانید :

1 متد getAttribute در DOM جاوااسکریپت
2 مثال از این متد
3 پشتیبانی مرورگرها
4 شکل نوشتاری
5 جدول پارامترها
6 نکات و توضیحات

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

با استفاده از متد ()getAttribute میتونیم مقدار یک صفت مشخص شده رو با استفاده از نام اون صفت بدست آوریم، این متد ۱ پارامتر میگیره که اونم نام اون صفتی هست که میخوایم مقدارشو بدست بیاریم.

برای بدست آوردن صفت یک تگ بصورت شئ میتوان از متد getAttributeNode استفاده کرد.

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

Free-Learn

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

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

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

<script>

function get(){
 var myp , result;
 myp = document.getElementById("MyP");
 result = document.getElementById("Result");
 result.innerHTML = myp.getAttribute("class");
}

</script>

function get(){

var myp , result;

myp = document.getElementById("MyP");

result = document.getElementById("Result");

result.innerHTML = myp.getAttribute("class");

}

</script>

امتحان کنید

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

<script>

function get(){
 var myp , result;
 myp = document.getElementById("MyP");
 result = document.getElementById("Result");
 result.innerHTML = myp.getAttribute("title");
}

</script>

function get(){

var myp , result;

myp = document.getElementById("MyP");

result = document.getElementById("Result");

result.innerHTML = myp.getAttribute("title");

}

</script>

امتحان کنید

مثال شماره ۳ : میخوایم با کلیک بروی یک دکمه، آدرس یا مسیر یک تصویر رو بدست آوریم.

<script>

function get(){
 var myimg , result;
 myimg = document.getElementById("MyImg");
 result = document.getElementById("Result");
 result.innerHTML = myimg.getAttribute("src");
}

</script>

function get(){

var myimg , result;

myimg = document.getElementById("MyImg");

result = document.getElementById("Result");

result.innerHTML = myimg.getAttribute("src");

}

</script>

امتحان کنید

Free-Learn

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

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

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

Free-Learn

شکل نوشتاری

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

Element.getAttribute( "Attribute_Name" );

1	Element.getAttribute( "Attribute_Name" );

Free-Learn

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

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

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

Free-Learn

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

اگه نام صفتی که وارد میشود اشتباه باشد یا کلا اون صفت وجود نداشته باشد در خروجی هیچی یا null میشه.
هرچیزی که درون یک تگ ( یعنی درون تگ شروع ) قرار بگیرد صفت نام دارد، مثه صفت های id , class , src title و… ( لیست کامل صفت های زبان HTML )

Free-Learn

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