79. Sélectionner des éléments : getElementById()
Pour manipuler un élément, nous devons d'abord le sélectionner (le trouver) dans l'arbre DOM. Le moyen le plus simple est d'utiliser un ID.
Les ID doivent être uniques
En HTML, l'attribut id est conçu pour être unique dans tout le document. Cela rend getElementById() très rapide et fiable.
Syntaxe
javascript const element = document.getElementById('element-id');
Exemple
Étant donné le HTML :
html
Bienvenue
javascript const heading = document.getElementById('main-heading');
console.log(heading); // Affiche le nœud de l'élément HTML
// Vérifier si l'élément a été trouvé if (heading) { heading.textContent = 'Bienvenue, utilisateur !'; }
Note : Si l'ID n'est pas trouvé, getElementById() renvoie null.