Sélectionner nos éléments

 
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);