document.getElementById() est utilisée pour sélectionner un élément du DOM par son attribut id. Elle retourne un objet représentant l'élément HTML correspondant.Définition
Document Object Model (DOM)
Le DOM est une interface de programmation qui permet aux scripts de mettre à jour le contenu, la structure et le style des documents tout en les visualisant. Il représente la page Web sous la forme d'un arbre hiérarchique.
Element du DOM
Un élément du DOM est un objet qui représente une balise HTML dans le document. Chaque balise est un nœud dans l'arbre DOM.
Méthodes de Sélection
document.getElementById()
La méthode
document.querySelector()
La méthode
document.querySelector() retourne le premier élément du document qui correspond à un sélecteur CSS spécifié. Elle est très flexible et permet la sélection par tag, classe, id, ou attribut.document.querySelectorAll()
La méthode
document.querySelectorAll() retourne tous les éléments d'un document qui correspondent à un sélecteur CSS donné, sous forme de NodeList. Cette méthode est utile pour traiter plusieurs éléments en même temps.document.getElementsByClassName()
La méthode
document.getElementsByClassName() retourne une collection (HTMLCollection) de tous les éléments ayant une ou plusieurs classes spécifiées.document.getElementsByTagName()
La méthode
document.getElementsByTagName() retourne une collection de tous les éléments avec le nom de balise spécifié (comme div, p, etc.).A retenir :
La récupération d'un élément du DOM avec JavaScript est une fonctionnalité essentielle pour manipuler et interagir avec les éléments d'une page web. Différentes méthodes telles que
document.getElementById(), document.querySelector(), et document.querySelectorAll() offrent une flexibilité dans la sélection d'éléments en fonction de leur id, classe, balise ou autres critères de style CSS. Chacune de ces méthodes offre des caractéristiques uniques adaptées à différentes situations que les développeurs peuvent choisir en fonction de leurs besoins spécifiques. 
