Jusqu’à présent, je vous ai montré que pour sélectionner un élément specifique, on peut y accéder en utilisant la hiérarchie de nos éléments.
Mais heureusement, il existe des façons beaucoup plus pratique de sélectionner nos éléments.
Sélectionner par id
console.log(document.getElementById('grosTitre'));
On récupère l’élément avec l’id grosTitre
Sélectionner par tag (balise)
console.log(document.getElementsByTagName('p'));
On récupère un array qui contient tous les éléments de tag p (balise)
Sélectionner par classe CSS
console.log(document.getElementsByClassName('important'));
On récupère un array qui contient tous les éléments portant la classe CSS important.
Stocker nos éléments dans des variables
const premierParagrapheImportant = document.getElementsByClassName('important')[0];
console.log(premierParagrapheImportant);
