آموزش متد contains در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش متد contains در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
متد contains در DOM جاوااسکریپت
با استفاده از متد ()contains ( در لغت یعنی شامل بودن ) میتونیم مشخص کنیم یا بدست آوریم که آیا یک گره شامل یک گره دیگر است یا خیر! مثلا میخوایم ببینیم آیا درون تگ div ، تگ p وجود داره یا نه.
یعنی یجورایی مثه جستجو زدن هست، این متد مقداری که برگشت میده ، یک مقدار بولی یا Boolean می باشد، اینم دیگه باید بدونید که Boolean همیشه ۲ حالت میتونه داشته باشه ، یا true یا false
یعنی اگه یک گره شامل اون گره مورد نظر ما بود در خروجی میده true و اگه شامل نبود میده false
این متد اگه گره مورد نظر به عنوان فرزند یا نوه یا غیره هم بود تشخیصش میده. ( یعنی اگه گره فرزند درون ۱۰تا تگ بصورت تودرتو بود، بازم میتونه تشخیص بده )
| مقدار برگشتی | برگشت یک مقدار بولی که نشان دهنده وضعیت شامل بودن یا نبودن یک گره است true : یعنی بله شامل می باشد false : یعنی خیر شامل نمی باشد |
|---|
Free-Learn
مثال از این متد
در ادامه میتوانید یک مثال از این متد را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : میخوایم ببینیم آیا تگ div که دارای id بنام MyBox هست، درونش تگی با آی دی MyP وجود دارد یا خیر.
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<script> function check(){ var mybox , myp , result; mybox = document.getElementById("MyBox"); myp = document.getElementById("MyP"); result = document.getElementById("Result"); mybox = mybox.contains(myp); result.innerHTML = mybox; } </script> |
مثال شماره ۲ : همون مثال شماره ۱ هست فقط میخوایم کاری کنیم که اگه تگ مورد نظر وجود داشت پیغام مناسب چاپ بشه.
|
1 2 3 4 5 6 |
mybox = mybox.contains(myp); if( mybox == true ){ result.innerHTML = "بله هستش"; }else{ result.innerHTML = "نه متاسفانه نیستش"; } |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این متد در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام متد | Chrome | Firefox | Opera | Safari | IE |
| ()contains | ۱۶ | ۹ | ۷ | بله | *۹ |
* فقط از اشیاء DOM Element پشتیبانی میکند.
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این متد در جاوااسکریپت بصورت زیر می باشد.
|
1 |
node.contains( Node ); |
Free-Learn
جدول پارامترها
در جدول زیر میتوانید، پارامترهایی را که میتوان در این متد استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| Node | ضروری – نام اون گره ای که قراره به عنوان فرزند یا نوه و.. در گره اصلی جستجو زده شه. |
Free-Learn
نکات و توضیحات
- در مثال شماره ۲ از دستور شرطی IF برای شرط گذاشتن استفاده کردیم، مثلا میگیم اگه فلان بود تو فلان کن و اگه بهمان بود بهمان کن. ( حتما آموزش دستور شرطی IF رو مشاهده نمایید )
