El método más cercano() de la interfaz del elemento se usa para recorrer el elemento y sus padres en el árbol de documentos HTML hasta que encuentra el primer Node que coincide con la string de selección que se proporciona.
Sintaxis:
targetElement.closest( selectors )
Parámetros: este método acepta un solo parámetro como se mencionó anteriormente y se describe a continuación:
- selectors: Es una string que especifica los selectores HTML que se utilizarán para encontrar el Node.
Valor devuelto: este método devuelve el elemento más cercano si se encuentra el ancestro coincidente; de lo contrario, devuelve un valor nulo si no se encuentra dicho elemento.
Ejemplo: El siguiente ejemplo muestra el uso del método más cercano() al buscar los elementos dados en la estructura HTML DOM.
HTML
<!DOCTYPE html>
<html>
<head>
<title>GeeksforGeeks</title>
</head>
<body>
<div>
<span>
Hello! it is a span
<p id="p">It is paragraph</p>
</span>
</div>
<script>
// Get the paragraph element
var element = document.getElementById('p');
// Return the closest paragraph element
// which is the element itself
var close1 = element.closest("p");
console.log(close1)
// Return the closest span element
var close2 = element.closest("span");
console.log(close2)
// Return the closest div element
var close3 = element.closest("div");
console.log(close3)
</script>
</body>
</html>
Producción:
Se devuelve el elemento más cercano al selector.
Navegadores compatibles: los navegadores compatibles con el método DOM más cercano() se enumeran a continuación:
- Google Chrome 41 y superior
- Borde 15 y superior
- Firefox 35 y superior
- Apple Safari 6 y superior
- Ópera 28 y superior
- Internet Explorer no es compatible