Método HTML DOM más cercano ()
❮ El Objeto ElementoEjemplo
Encuentre el elemento más cercano que coincida con el selector de CSS y asígnele un borde amarillo:
var element = document.getElementById("myElement");
var closest =
element.closest(".container");
if (closest) {
closest.style.border = "10px solid yellow";
}
Definición y uso
El closest()
método busca en el árbol DOM el elemento más cercano que coincida con un selector CSS específico. Comienza en el elemento mismo, luego prueba el padre, el abuelo, y así sucesivamente hasta que se encuentra una coincidencia. Si no se encuentra una coincidencia, este método devuelve nulo .
Compatibilidad con navegador
Los números en la tabla especifican la primera versión del navegador que soporta totalmente este método.
Method | |||||
---|---|---|---|---|---|
closest() | 41.0 | 15.0 | 35.0 | 6.0 | 28.0 |
Sintaxis
element.closest(selectors)
Valores paramétricos
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. |
Detalles técnicos
Valor de retorno: |
El elemento ancestro más cercano, o el propio elemento, que coincide con los selectores de CSS especificados. Si no se encuentran coincidencias, se devuelve nulo. Lanza una excepción SYNTAX_ERR si los selectores especificados no son válidos. |
---|
páginas relacionadas
Referencia de JavaScript: El método element.matches() .
❮ El Objeto Elemento