این آموزش در تاریخ ۱۴۰۱/۰۶/۰۲ آپدیت شده است.
آموزش متد isSameNode در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش متد isSameNode در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
متد isSameNode در DOM جاوااسکریپت
با استفاده از متد ()isSameNode میتونیم چک کنیم که آیا ۲گره از ۱گره مشابه هستند یا خیر!؟ ( یکسان بودن در لغت به انگلیسی میشه Same )
و همچنین با استفاده از متد ()isEqualNode میتونیم چک کنیم که آیا ۲گره باهم برابر یا یکسان هستند ( طبق یه شرایط خاصی )
| مقدار برگشتی | true : یعنی بله ۲گره شبیه هم می باشند false : یعنی خیر ۲گره شبیه هم نیستند |
|---|---|
| نسخه DOM | DOM Level 3 |
Free-Learn
مثال از این متد
در ادامه میتوانید یک مثال از این متد را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : در مثال زیر ما یه تگ UL داریم که با استفاده از صفت ID براش یه نام مشخص کردیم، بعدش در جاوا اسکریپت گفتیم آیا این تگ UL برابر است با اولین تگ UL داخل صفحه ( آره خب چون یکی هستن، پس باید خروجی true بده )
|
1 2 3 4 5 6 7 8 9 10 |
<script> function Check(){ var El1 = document.getElementById("MyList"); var El2 = document.getElementsByTagName("UL")[0]; var RS = El1.isSameNode(El2); document.getElementById("Result").innerHTML = RS; } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این متد در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام متد | Chrome | Firefox | Opera | Safari | Edge |
| ()isSameNode | بله | * بله | بله | بله | بله |
- * در مرورگر فایرفاکس بهتره از عملگر === برای چک کردن ۲گره ، استفاده کنید ( مثال )
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این متد در جاوااسکریپت بصورت زیر می باشد.
|
1 2 3 4 5 6 7 |
Element.isSameNode( Other_Element_Name ); یا if( Element_1 === Element_2 ){ alert("Yes"); }else{ alert("NO"); } |
Free-Learn
جدول پارامترها
در جدول زیر میتوانید، پارامترهایی را که میتوان در این متد استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| Other_Element_Name | ضروری – اون تگی که قراره با تگ فعلی ما مقایسه شود |
Free-Learn
نکات و توضیحات
- ممکن است این متد در مرورگر موزیلا فایرفاکس بخوبی پشتیبانی نشود ( یعنی ممکنه این لحظه پشتیبانی بشه ولی شاید مدتی بعد بکل پشتیبانی نشه ) به همین خاطر میتونید از عملگر === استفاده کنید. ( مثال )
