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

خصوصیت element.nextSibling

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

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

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

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

Tea (second li)

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

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

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

گره برگردانده شده،در واقع مانند یک شیء گره برگردانده خواهد شد.

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

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

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

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

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

متد
nextSibling	بله	بله	بله	بله	بله

نحوه استفاده

node.nextSibling

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

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

آموزش های مرتبط

مرجع مدل DOM در اچ تی ام ال node.childNodes Property

مرجع مدل DOM در اچ تی ام ال node.firstChild Property

مرجع مدل DOM در اچ تی ام ال node.lastChild Property

مرجع مدل DOM در اچ تی ام ال node.parentNode Property

مرجع مدل DOM در اچ تی ام ال node.previousSibling Property

مرجع مدل DOM در اچ تی ام ال node.nodeName Property

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

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

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

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

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