آموزش ویژگی nextSibling در DOM جاوااسکریپت

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

ویژگی nextSibling در DOM جاوااسکریپت

Free-Learn

ویژگی nextSibling در DOM جاوااسکریپت

با استفاده از ویژگی nextSibling میتونیم گره بعدی ( که بلافاصله ) بعد از یک گره مشخص شده قرار دارد را بدست آوریم، لازم به ذکره که گره برگشتی یک شئ گره ( Node Object ) می باشد.

ویژگی nextSibling گره متن ، عنصر ، کامنت و.. که بلافاصله بعد از یک گره مشخص شده قرار دارد را برگشت میده، ولی ویژگی nextElementSibling فقط گره خوده عنصر که بلافاصله بعد از یک گره مشخص شده قرار دارد را برگشت میده.

مقدار برگشتی یک شئ گره که نشانگر گره خواهر یا برادر بعدی یک گره مشخص شده می باشد
نسخه DOM Core Level 1 Node Object

Free-Learn

مثال از این ویژگی

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

مثال شماره ۱ : بدست آوردن گره خواهر یا برادر که بلافاصله بعد از گره مشخص شده قرار دارد.

امتحان کنید

توضیح مثال بالا :

در مثال بالا یک لیست داریم که میخوایم با کلیک بروی یک دکمه، محتوای درون آیتم شماره ۲ رو بدست آوریم، خب دیگه مشخصه که باید با استفاده از ویژگی nextSibling بگیم خواهر یا برادر بعد از آیتم شماره ۱ رو بدست بیار.

مثال شماره ۲ : بدست آوردن نام تگ ( گره ای ) که بلافاصله بعد از گره مشخص شده قرار دارد.

امتحان کنید

Free-Learn

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.

نام ویژگی Chrome Firefox Opera Safari IE
nextSibling بله بله بله بله بله

Free-Learn

شکل نوشتاری

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


Free-Learn

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

  • این ویژگی یک ویژگی فقط خواندنی یا Read-Only می باشد.
  • ویژگی nextSibling گره متن ، عنصر ، کامنت و.. که بلافاصله بعد از یک گره مشخص شده قرار دارد را برگشت میده، ولی ویژگی nextElementSibling فقط گره خوده عنصر که بلافاصله بعد از یک گره مشخص شده قرار دارد را برگشت میده.
  • ویژگی previousSibling گره متن ، عنصر ، کامنت و.. که بلافاصله قبل از یک گره مشخص شده قرار دارد را برگشت میده، ولی ویژگی previousElementSibling فقط گره خوده عنصر که بلافاصله قبل از یک گره مشخص شده قرار دارد را برگشت میده.

Free-Learn

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