ویژگی previousSibling Element DOM HTML

تعریف و استفاده

previousSibling این ویژگی نود همسایه قبلی در سطح مشابه درخت را به عنوان یک شیء Node بازمی‌گرداند.

previousSibling این ویژگی فقط خواندنی است.

توضیح:اگر نود previousSibling وجود نداشته باشد، مقدار بازگشتی null.

توجه داشته باشید

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

فضاهای خالی بین عناصر نیز نودهای متن هستند.

راه حل جایگزین:

ویژگی previousElementSibling - بازگشت به عنصر همتای قبلی (متن و کامنت‌ها را نادیده می‌گیرد).

لطفاً به:

ویژگی nextSibling

ویژگی firstChild

ویژگی lastChild

ویژگی childNodes

ویژگی hasChildNodes()

گره‌های HTML و عناصر

در HTML DOMدر (Document Object Model)، مستند HTML یک مجموعه از گره‌هایی است که (دارند یا ندارند) گره‌های زیر.

گرهبه گره‌های عنصر، گره‌های متن و گره‌های کامنت اشاره دارد.

عنصرفضاهای بین آن‌ها نیز گره‌های متن هستند.

که فقط گره‌های عنصر هستند.

همتای و همتای عنصر

همتایبه عنوان «برادر» و «خواهر» شناخته می‌شوند.

همتایگره‌هایی دارند که دارای پدر مشترک هستند (در childNodes در لیست).

همتای عنصرعناصر دارند که دارای پدر مشترک هستند (در children در لیست).

گره‌های زیر و زیرعناصر

childNodes بازگشتگره‌های زیر(گره‌های عنصر، گره‌های متن و گره‌های کامنت).

children بازگشتزیرعناصر(بازگشت به متن و کامنت‌ها نیست).

nextSibling و nextElementSibling

nextSibling بازگشتگره(گره‌های عنصر، گره‌های متن و گره‌های کامنت). فضاهای بین عناصر نیز گره‌های متن هستند.

nextElementSibling بازگشتعنصر(بازگشت به متن و کامنت‌ها نیست).

previousSibling و previousElementSibling

previousSibling بازگشتگره(گره‌های عنصر، گره‌های متن و گره‌های کامنت). فضاهای بین عناصر نیز گره‌های متن هستند.

previousElementSibling بازگشتعنصر(بازگشت به متن و کامنت‌ها نیست).

مثال

بازگشت محتوای HTML همتای قبلی لیست:

document.getElementById("item2").previousSibling.innerHTML;

آزمایش کنید

قوانین دستور زبان

element.previousSibling

یا

node.previousSibling

مقدار بازگشتی

نوع توضیح
گره همتای قبلی گره.
null اگر همتای قبلی وجود ندارد.

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

element.previousSibling این یک ویژگی DOM Level 1 (1998) است.

همه مرورگرها به طور کامل از آن حمایت می‌کنند:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
پشتیبانی 9-11 پشتیبانی پشتیبانی پشتیبانی پشتیبانی