Metodo HTML DOM più vicino()
❮ L'oggetto elementoEsempio
Trova l'elemento più vicino che corrisponde al selettore CSS e assegnagli un bordo giallo:
var element = document.getElementById("myElement");
var closest =
element.closest(".container");
if (closest) {
closest.style.border = "10px solid yellow";
}
Definizione e utilizzo
Il closest()
metodo ricerca nell'albero DOM l'elemento più vicino che corrisponde a un selettore CSS specificato. Inizia dall'elemento stesso, quindi verifica il genitore, il nonno e così via finché non viene trovata una corrispondenza. Se non viene trovata una corrispondenza, questo metodo restituisce null .
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente il metodo.
Method | |||||
---|---|---|---|---|---|
closest() | 41.0 | 15.0 | 35.0 | 6.0 | 28.0 |
Sintassi
element.closest(selectors)
Valori dei parametri
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. |
Dettagli tecnici
Valore di ritorno: |
L'elemento predecessore più vicino, o l'elemento stesso, che corrisponde ai selettori CSS specificati. Se non vengono trovate corrispondenze, viene restituito null. Genera un'eccezione SYNTAX_ERR se i selettori specificati non sono validi. |
---|
Pagine correlate
Riferimento JavaScript: il metodo element.matches() .
❮ L'oggetto elemento