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

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

توسط

۱۴۰۰-۰۳-۱۴

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

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

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

Free-Learn

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

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

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

با استفاده از متد ()hasAttribute میتونیم مشخص کنیم که آیا یک تگ دارای صفت خاصی می باشد یا خیر. خودمونی بخوایم بگیم یعنی مثلا آیا فلان صفت درون فلان تگ وجود داره یا نه؟!

این متد ۱ پارامتر میگیره که اونم همون صفتی هست که میخوایم چک کنیم ببینیم آیا درون تگ وجود داره یا نه.

مقدار برگشتی	برگشت یک مقدار بولی یا Boolean true : یعنی بله فلان صفت درون فلان تگ می باشد false : یعنی خیر فلان صفت درون فلان تگ نمی باشد
نسخه DOM	Core Level 2 Element Object

Free-Learn

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

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

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

<script>

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

</script>

function check(){

var myp , result;

myp = document.getElementById("MyP");

result = document.getElementById("Result");

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

}

</script>

امتحان کنید

مثال شماره ۲ : میخوایم چک کنیم ببینیم آیا صفت href درون تگ a وجود دارد یا نه، اگه وجود داشت که پیغام بده که بله وجود داره ولی اگه وجود نداشت میخوایم با استفاده از متد setAttribute صفت href با مقدار مشخص بهش اضافه کنیم.

<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>

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	IE
()hasAttribute	بله	بله	بله	بله	بله

Free-Learn

شکل نوشتاری

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

Element.hasAttribute( "Attribute_Name" );

1	Element.hasAttribute( "Attribute_Name" );

Free-Learn

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

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

مقدار	توضیح
Attribute_Name	ضروری – نام اون صفتی که قراره چک کنیم ببینیم درون تگ وجود داره یا نه

Free-Learn

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

برای اضافه کردن صفت با مقدار باید از متد setAttribute استفاده کرد.
برای گرفتن مقدار صفت باید از متد getAttribute استفاده کرد.
برای حذف صفت باید از متد removeAttribute استفاده کرد.

Free-Learn

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