Ближайший () метод HTML DOM
❮ Элемент объектаПример
Найдите ближайший элемент, соответствующий селектору CSS, и обведите его желтой рамкой:
var element = document.getElementById("myElement");
var closest =
element.closest(".container");
if (closest) {
closest.style.border = "10px solid yellow";
}
Определение и использование
Метод closest()
ищет в дереве DOM ближайший элемент, соответствующий указанному селектору CSS. Он начинается с самого элемента, затем проверяется родитель, дедушка и бабушка и так далее, пока не будет найдено совпадение. Если совпадение не найдено, этот метод возвращает null .
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, полностью поддерживающую метод.
Method | |||||
---|---|---|---|---|---|
closest() | 41.0 | 15.0 | 35.0 | 6.0 | 28.0 |
Синтаксис
element.closest(selectors)
Значения параметров
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. |
Технические детали
Возвращаемое значение: |
Ближайший элемент-предок или сам элемент, соответствующий указанным селекторам CSS. Если совпадений не найдено, возвращается ноль. Выдает исключение SYNTAX_ERR, если указанные селекторы недействительны. |
---|
Связанные страницы
Справочник по JavaScript: метод element.matches() .
❮ Элемент объекта