diff --git a/Web/X - API JS-DOM/index.md b/Web/X - API JS-DOM/index.md index 10b25a6..569b257 100644 --- a/Web/X - API JS-DOM/index.md +++ b/Web/X - API JS-DOM/index.md @@ -6,3 +6,37 @@ include_toc: true --- [TOC] + +# Sélectionner des éléments HTML + +- Sélectionner un élément à partir d'un sélecteur CSS : + + ```javascript + document.querySelector($CSS_SELECTOR) // retourne un noeud ou undefined. + ``` + +- Sélectionner tous les éléments à partir d'un sélecteur CSS : + + ```javascript + document.querySelectorAll($CSS_SELECTOR) // retourne une liste + ``` + +- Sélectionner un élément descendant de `$ELEM` à partir d'un sélecteur CSS : + + ```javascript + $ELEM.querySelector($CSS_SELECTOR) // retourne un noeud ou undefined. + ``` + +- Sélectionner un élément ancestre de `$ELEM` à partir d'un sélecteur CSS : + + ```javascript + $ELEM.closest($CSS_SELECTOR) // retourne un noeud ou undefined. + ``` + +- Est-ce que `$ELEM` correspond au sélecteur CSS ? + + ```javascript + $ELEM.matches($CSS_SELECTOR) // retourne un booléen. + ``` + +