Metoda HTML DOM Najbliższa()
❮ Obiekt elementuPrzykład
Znajdź najbliższy element, który pasuje do selektora CSS i nadaj mu żółtą ramkę:
var element = document.getElementById("myElement");
var closest =
element.closest(".container");
if (closest) {
closest.style.border = "10px solid yellow";
}
Definicja i użycie
Metoda closest()
przeszukuje drzewo DOM w poszukiwaniu najbliższego elementu, który pasuje do określonego selektora CSS. Rozpoczyna się od samego elementu, a następnie testuje rodzica, dziadka i tak dalej, aż do znalezienia dopasowania. Jeśli dopasowanie nie zostanie znalezione, ta metoda zwraca null .
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje tę metodę.
Method | |||||
---|---|---|---|---|---|
closest() | 41.0 | 15.0 | 35.0 | 6.0 | 28.0 |
Składnia
element.closest(selectors)
Wartości parametrów
Parameter | Description |
---|---|
selectors |
Required. Specifies one or more CSS selectors to match the element. These are used to select HTML elements based on their id, classes, types, attributes, values of attributes, etc. For multiple selectors, separate each selector with a comma. The returned element depends on which element that is first found in the document. Tip: For a list of all CSS Selectors, look at our CSS Selectors Reference. |
Szczegóły techniczne
Wartość zwrotu: |
Najbliższy element przodka lub sam element, który pasuje do określonych selektorów CSS. Jeśli nie zostaną znalezione żadne dopasowania, zwracana jest wartość null. Zgłasza wyjątek SYNTAX_ERR, jeśli określone selektory są nieprawidłowe. |
---|
Powiązane strony
Dokumentacja JavaScript: metoda element.matches() .
❮ Obiekt elementu