Méthode HTML DOM plus proche ()
❮ L'objet élémentExemple
Trouvez l'élément le plus proche qui correspond au sélecteur CSS et donnez-lui une bordure jaune :
var element = document.getElementById("myElement");
var closest =
element.closest(".container");
if (closest) {
closest.style.border = "10px solid yellow";
}
Définition et utilisation
La closest()méthode recherche dans l'arborescence DOM l'élément le plus proche qui correspond à un sélecteur CSS spécifié. Il commence à l'élément lui-même, puis teste le parent, le grand-parent, etc. jusqu'à ce qu'une correspondance soit trouvée. Si aucune correspondance n'est trouvée, cette méthode renvoie null .
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la méthode.
| Method | |||||
|---|---|---|---|---|---|
| closest() | 41.0 | 15.0 | 35.0 | 6.0 | 28.0 |
Syntaxe
element.closest(selectors)
Valeurs des paramètres
| 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. |
Détails techniques
| Valeur de retour : |
L'élément ancêtre le plus proche, ou l'élément lui-même, qui correspond au(x) sélecteur(s) CSS spécifié(s). Si aucune correspondance n'est trouvée, null est renvoyé. Lève une exception SYNTAX_ERR si le ou les sélecteurs spécifiés ne sont pas valides. |
|---|
Pages connexes
Référence JavaScript : La méthode element.matches() .
❮ L'objet élément