metoda closest() obiektu HTML DOM Element
- Poprzednia strona cloneNode()
- Następna strona compareDocumentPosition()
- Wróć do poprzedniego poziomu Obiekt Elements DOM HTML
definicja i użycie
najbliższy
metoda przeszukuje elementy DOM w poszukiwaniu elementów pasujących do określonego selektora CSS.
najbliższy
metoda zaczyna od samego elementu, a następnie jest przeszukiwana wstecz do przodka (rodzic, praprzodek, ...) aż do znalezienia dopasowania.
jeśli nie znaleziono dopasowania, to najbliższy
metoda zwraca null
.
patrz również:
przykład
przykład 1
Znajdź najbliższy element, który pasuje do selektora CSS ".container":
const element = document.getElementById("myElement"); const najbliższy = element.najbliższy(".container");
przykład 2
Znajdź najbliższy element, który pasuje do ".container" lub ".wrapper":
const element = document.getElementById(".container, .wrapper"); const najbliższy = element.najbliższy(".container");
gramatyka
element.najbliższy(selektory)
parametr
parametr | opis |
---|---|
selektory |
wymagane. Jedna lub kilka (rozdzielonych przecinkami) CSS selektorów do dopasowania. proszę zobacz nasz pełny Przeglądarka selektorów CSS. |
zwrócona wartość
typ | opis |
---|---|
obiekt |
najbliższy element przodka lub element sam, który pasuje do określonego selektora CSS. jeśli nie znaleziono dopasowania, zwraca null. jeśli selektor jest niewłaściwy, wywołuje wyjątek SYNTAX_ERR. |
obsługa przeglądarki
pierwszy w pełni wspierający najbliższy
wersja przeglądarki metody:
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome 41 |
Edge 15 |
Firefox 35 |
Safari 9 |
Opera 28 |
Marzec 2015 roku | kwiecień 2017 roku | styczeń 2015 roku | październik 2015 roku | Marzec 2015 roku |
- Poprzednia strona cloneNode()
- Następna strona compareDocumentPosition()
- Wróć do poprzedniego poziomu Obiekt Elements DOM HTML