Il existe plusieurs façons de sélectionner un élément du DOM avec JavaScript :
1. `document.getElementById(id)`: Cette méthode renvoie un objet qui représente l’élément avec l’ID spécifié.
```
var element = document.getElementById(“monId”);
```
1. `document.getElementsByClassName(className)`: Cette méthode renvoie une liste d’éléments qui ont une classe spécifique. Notez que cette méthode renvoie une “HTMLCollection” qui est une liste d’éléments, même si seulement un élément est trouvé.
```
var elements = document.getElementsByClassName(“maClasse”);
```
1. `document.getElementsByTagName(tagName)`: Cette méthode renvoie une liste des éléments avec le nom de tag spécifié. Comme `getElementsByClassName()`, elle renvoie une “HTMLCollection”.
```
var elements = document.getElementsByTagName(“h1”);
```
1. `document.querySelector(selector)`: Cette méthode renvoie le premier élément du document qui correspond au sélecteur spécifié, ou groupe de sélecteurs.
```
var element = document.querySelector(“#monId”);
```
1. `document.querySelectorAll(selector)`: Cette méthode renvoie tous les éléments du document qui correspondent au sélecteur spécifié. Ceci est renvoyé comme une “NodeList”.
```
var elements = document.querySelectorAll(“.maClasse”);
```
Ces méthodes peuvent être utilisées en fonction de vos besoins et de la situation spécifique. Par exemple, si vous voulez sélectionner un élément par son ID, vous utiliserez `getElementById()`. Si vous voulez sélectionner un groupe d’éléments par leur classe, vous utiliserez `getElementsByClassName()`.
