مетод closest() HTML DOM Element
- پچھلے پہلہ cloneNode()
- آئندہ پہلہ compareDocumentPosition()
- کمپنی کا سابق سطری HTML DOM Elements آوٹھم
تعریف و استفاده
closest() این روش در درخت DOM به دنبال عنصری می‌گردد که با انتخابگر CSS مشخص تطابق دارد.
closest() این روش از عنصر خود شروع می‌کند و سپس به پدر، اجداد (عنصر پدر، عنصر اجداد، ...) ادامه می‌دهد تا تطابق پیدا کند.
اگر هیچ تطابق‌ی پیدا نشود، closest() این روش بازمی‌گرداند null。
لطفاً به:
مثال
مثال 1
یافتن نزدیک‌ترین عنصری که با انتخابگر CSS ".container" تطابق دارد:
const element = document.getElementById("myElement");
const closest = element.closest(".container");
مثال 2
یافتن نزدیک‌ترین عنصری که با ".container" یا ".wrapper" تطابق دارد:
const element = document.getElementById(".container, .wrapper");
const closest = element.closest(".container");
نحوه نوشتن
عنصر.closest(selectors)
پارامتر
| پارامتر | توضیح |
|---|---|
| selectors |
ضروری. یک یا چند (با کاما جدا شده) انتخابگر CSS که می‌خواهید تطابق داشته باشد. لطفاً به دستورالعمل کامل ما CSS انتخاب گراف کا مراجع دستنوشت。 |
مقدار بازگشتی
| نوع | توضیح |
|---|---|
| موضوع |
نزدیک‌ترین عنصر پدر یا عنصر خود که با انتخابگر CSS تطابق دارد. اگر هیچ تطابق‌ی پیدا نشود، null برمی‌گرداند. اگر انتخابگر معتبر نباشد، خطای SYNTAX_ERR را ایجاد می‌کند. |
پشتیبانی مرورگر
اولین مرورگر که به طور کامل closest() نسخه مرورگر روش:
| کروم | ایج | فایرفاکس | سافاری | آپرا |
|---|---|---|---|---|
| کروم 41 |
ایج 15 |
فایرفاکس 35 |
سافاری 9 |
آپرا 28 |
| 2015 کی سال 3 مہینہ | 2017 سال 4 ماه | 2015 سال 1 ماه | 2015 سال 10 ماه | 2015 کی سال 3 مہینہ |
- پچھلے پہلہ cloneNode()
- آئندہ پہلہ compareDocumentPosition()
- کمپنی کا سابق سطری HTML DOM Elements آوٹھم
