Retour au cours

Sélectionner des éléments : getElementById()

JavaScript : Le cours complet pour débutant, de « Zéro à Héros »

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.