From f8d32e4c61e1ba52b684dce68312c15becdf92a6 Mon Sep 17 00:00:00 2001
From: denmigda <denis.migdal@uca.fr>
Date: Tue, 7 Nov 2023 14:31:56 +0100
Subject: [PATCH] Add selectors

---
 Web/X - API JS-DOM/index.md | 34 ++++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)

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.
+  ```
+
+