Sélectionner nos éléments

Section Progression:


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