آموزش طراحی سایت (HTML CSS Javascript) | آتریا

خصوصیت element.nextElementSibling

مثال (خصوصیت element.nextElementSibling)

به دست آوردن محتوای HTML از عنصر برادر بعدی(next sibling) از یک آیتم لیست:

var x = document.getElementById("item1").nextElementSibling.innerHTML;

خروجی x در کد بالا

Tea (second li)

خودتان امتحان کنید »

تعریف و کاربرد

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

تفاوت بین این خصوصیت و nextSibling، در این است که خصوصیت nextSibling در واقع عنصر برادر یا خواهر بعدی را بعنوان یک گره عنصر، یا یک گره متن یا یک گره کامنت برمی گرداند در حالی که خصوصیت nextElementSibling، گره برادر یا خواهر بعدی را بعنوان یک گره عنصر برمی گرداند(گره های متن و کامنت را نادیده می گیرد).

این خصوصیت فقط خواندنی است.

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

نکته: می توانید از خصوصیت children، برای برگرداندن هر گره فرزند از یک عنصر مشخص استفاده کنید.

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

متد
nextElementSibling	2.0	9.0	3.5	4.0	10.0

نحوه استفاده

node.nextElementSibling

جزئیات تکنیکی

مقدار برگشتی	یک شیء گره که مشخص کننده ی عنصر برادر بعدی از یک عنصر است، یا اینکه null در صورتی که هیچ عنصر برادری وجود نداشته باشد.
DOM Version	Core Level 3 Element Traversal

کلیه توابع و خصوصیت های شیء Element در JavaScript

: نوشته شده توسط احسان عباسی; بازدید: 5590

برای درج دیدگاه، ابتدا باید وارد بیاموز شوید.

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.

مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی