méthode closest() de l'élément HTML DOM

définition et utilisation

closest() La méthode recherche des éléments dans l'arbre DOM qui correspondent au sélecteur CSS spécifié.

closest() La méthode commence par l'élément lui-même, puis les ancêtres (parent, ancêtre, ...), jusqu'à ce qu'un élément correspondant soit trouvé.

Si aucun élément correspondant n'est trouvé, closest() La méthode retourne null

Veuillez également consulter :

manuel complet des sélecteurs CSS

méthode Element matches()

exemple

Exemple 1

Trouver l'élément le plus proche qui correspond au sélecteur CSS ".container" :

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

essayez-le vous-même

Exemple 2

Trouver l'élément le plus proche qui correspond à ".container" ou ".wrapper":

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

essayez-le vous-même

grammaire

élément.closest(selectors)

paramètres

paramètres description
selectors

obligatoire. Un ou plusieurs (séparés par des virgules) sélecteurs CSS à correspondre.

Veuillez consulter notre manuel complet Manuel de sélecteurs CSS

valeur de retour

type description
objet

L'élément ancestor le plus proche ou l'élément lui-même correspondant au sélecteur CSS spécifié.

Si aucun élément correspondant n'est trouvé, null est retourné.

Si le sélecteur est invalide, une exception SYNTAX_ERR est déclenchée.

navigateur pris en charge

première version complète closest() Version du navigateur de la méthode :

Chrome Edge Firefox Safari Opéra
Chrome
41		 Edge
15		 Firefox
35		 Safari
9		 Opéra
28
Mars 2015 avril 2017 janvier 2015 octobre 2015 Mars 2015