این آموزش در تاریخ ۱۴۰۱/۰۶/۰۲ آپدیت شده است.
آموزش ویژگی nextSibling در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی nextSibling در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
ویژگی nextSibling در DOM جاوااسکریپت
با استفاده از ویژگی nextSibling میتونیم گره بعدی ( که بلافاصله ) بعد از یک گره مشخص شده قرار دارد را بدست آوریم.
این ویژگی گره هارو ( گره متن ، گره نظر و.. ) محاسبه میکنه ولی ویژگی nextElementSibling خوده تگ رو محاسبه میکنه و تگ بعدی رو بدست میاره.
| مقدار برگشتی | برگشت شئ گره ، خواهر یا برادر بعدی |
|---|---|
| نسخه DOM | DOM Level 1 |
Free-Learn
مثال از این ویژگی
در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : در مثال زیر یه لیست داریم با ۲تا آیتم، میخوایم آیتم شماره ۲ رو بدست آوریم. ( یعنی میشه آیتم بعد از آیتم شماره ۱ )
|
1 2 3 4 5 6 7 8 9 |
<script> function Get(){ var Item_1 , Result; Item_1 = document.getElementById("Item_1").nextSibling.innerHTML; Result = document.getElementById("Result").innerHTML = Item_1; } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام ویژگی | Chrome | Firefox | Opera | Safari | Edge |
| nextSibling | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.
|
1 |
Node.nextSibling; |
Free-Learn
نکات و توضیحات
- ویژگی nextSibling گره متن ، عنصر ، کامنت و.. که بلافاصله بعد از یک گره قرار دارد را برگشت میده
- ویژگی nextElementSibling فقط خوده تگ که بلافاصله بعد از یک تگ قرار دارد را برگشت میده
- ویژگی previousSibling گره متن ، عنصر ، کامنت و.. که بلافاصله قبل از یک گره قرار دارد را برگشت میده
- ویژگی previousElementSibling فقط خوده تگ که بلافاصله قبل از یک تگ قرار دارد را برگشت میده
