آموزش متد isSameNode در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش متد isSameNode در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
متد isSameNode در DOM جاوااسکریپت
با استفاده از متد ()isSameNode میتونیم چک کنیم که آیا ۲گره دقیقا ۱گره مشابه هستند یا خیر!؟ ( شبیه بودن در لغت به انگلیسی میشه Same )
با استفاده از متد ()isEqualNode میتونیم چک کنیم که آیا ۲گره باهم برابر یا یکسان هستند ( طبق یه شرایط خاصی ) ولی با استفاده از متد ()isSameNode میتونیم چک کنیم که آیا ۲گره دقیقا یکی ( شبیه هم ) هستند یا خیر.
این متد چک میکنه که آیا ۲ گره ای که دارن باهم مقایسه میشن دقیقا یکی هستند و از یک مرجع شئ گرفته میشوند یا خیر، و کلی تر و خودمونی بخوایم بگیم برای اینکه چک کنیم ببینیم آیا یک گره واقعا خودشه یا نه.
| مقدار برگشتی | برگشت یک مقدار بولی یا Boolean true : یعنی بله ۲گره شبیه هم می باشند false : یعنی خیر ۲گره شبیه هم نیستند |
|---|---|
| نسخه DOM | Core Level 3 Node Object |
Free-Learn
مثال از این متد
در ادامه میتوانید یک مثال از این متد را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : میخوایم ۲تا تگ DIV رو باهم مقایسه کنیم ببینیم آیا شبیه هم هستند یا خیر!؟
|
1 2 3 4 5 6 7 8 9 |
<script> var mydiv1 = document.getElementById("div1"); var mydiv2 = document.getElementById("div2"); var result = document.getElementById("Result"); result.innerHTML = result.innerHTML + "متن اول با خودش : " + mydiv1.isSameNode(mydiv1) + "<br/>"; result.innerHTML = result.innerHTML + "متن اول با متن دوم : " + mydiv1.isSameNode(mydiv2) + "<br/>"; </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این متد در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام متد | Chrome | Firefox | Opera | Safari | IE |
| ()isSameNode | بله | ۴۸ | ۱۲٫۱ | ۳ | ۹٫۰ |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این متد در جاوااسکریپت بصورت زیر می باشد.
|
1 |
Node.isSameNode( Other_Node_Name ); |
Free-Learn
جدول پارامترها
در جدول زیر میتوانید، پارامترهایی را که میتوان در این متد استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| Other_Node_Name | ضروری – اون گره ای که قراره با گره مورد نظر ما مقایسه شود. |
Free-Learn
نکات و توضیحات
- در مرورگر موزیلا فایرفاکس از نسخه ۴۸ به بالا این متد پشتیبانی میشه و عملا مشکلی نداره ولی در نسخه های پایین تر از ۴۸ این متد پشتیبانی نمیشه و باید از عملگر مقایسه ای === برای مقایسه ۲ گره استفاده کرد. ( مثال )
