HTML DOM Element closest() methode

Definitie en gebruik

closest() De methode zoekt in het DOM-hout naar elementen die overeenkomen met de gespecificeerde CSS-selector.

closest() De methode begint bij het element zelf en gaat vervolgens naar de ouders (ouders, overgrootouders, ...) totdat een overeenkomst wordt gevonden.

Indien geen overeenkomende items worden gevonden, dan closest() De methode retourneert null.

Zie ook:

Volledige CSS selector referentiemanual

Element matches() methode

Voorbeeld

Voorbeeld 1

Vind het dichtstbijzijnde element dat overeenkomt met de CSS-selector ".container":

const element = document.getElementById("myElement");
const closest = element.closest(".container");

Probeer het zelf

Voorbeeld 2

Zoek de dichtstbijzijnde element die overeenkomt met ".container" of ".wrapper":

const element = document.getElementById(".container, .wrapper");
const closest = element.closest(".container");

Probeer het zelf

Syntaxis

element.closest(selectors)

Parameters

Parameters Beschrijving
selectors

Verplicht. Een of meerdere (gescheiden door komma's) te matchende CSS-selectors.

Raadpleeg onze volledige CSS selector reference manual.

Retourwaarde

Type Beschrijving
Object

De dichtstbijzijnde ouder element die overeenkomt met de gespecificeerde CSS-selector of het element zelf.

Indien geen overeenkomende items worden gevonden, wordt null geretourneerd.

Indien de selector ongeldig is, wordt een SYNTAX_ERR-exception afgevuurd.

browser ondersteuning

eerste volledig ondersteunde closest() Browser versie van de methode:

Chrome Edge Firefox Safari Opera
Chrome
41		 Edge
15		 Firefox
35		 Safari
9		 Opera
28
March 2015 April 2017 Januari 2015 Oktober 2015 March 2015