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

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

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

Free-Learn

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

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

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

مقدار برگشتی برگشت تگ / عنصر که بلافاصله بعد از یک تگ مشخص شده قرار دارد
نسخه DOM Core Level 3 Element Traversal

Free-Learn

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

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

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

امتحان کنید

Free-Learn

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

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

نام ویژگی Chrome Firefox Opera Safari IE
nextElementSibling بله بله ۱۰ ۴ ۹

Free-Learn

شکل نوشتاری

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


Free-Learn

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

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

Free-Learn

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