DOM - Éléments

L’une des principales utilisations de JavaScript est la manipulation des éléments HTML. Pour ce faire, il faut d’abord trouver l’élément en question. Il existe plusieurs moyens de faire cela.

Trouver un élément HTML par son ID

Le moyen le plus simple de trouver un élément HTML dans le DOM est de le faire grâce à son Id. Pour ce faire, la méthode document.getElementById(*id*) est utilisée.

Ensuite, si l’élément est trouvé, il est retourné sous forme d’objet. Sinon, null est renvoyé.

Exemple :

const element = document.getElementById("intro");

Dans cet exemple, l’élément HTML portant l’Id intro est recherché. S’il est trouvé, la variable element contient l’élément sous forme d’objet. Sinon, elle se voit attribuer la valeur null.

Trouver un élément HTML par le nom de sa classe

Un autre moyen de trouver un élément HTML est de le rechercher par le nom de sa classe. Cette fois, c’est la méthode document.getElementsByClassName(nom_de_la_classe) qui est utilisée.

L’utilisation et le fonctionnement de cette méthode est la même que pour document.getElementById(id).

Exemple :

const x = document.getElementsByClassName("intro");

Trouver un élément HTML par le tag