Sélectionner (Le CSS en JS)

Python manipule des données. JS manipule le DOM (Document Object Model), c'est-à-dire l'arbre HTML de ta page.

Pour toucher à un élément, il faut d'abord le choper. Oublie getElementById (trop vieux). Utilise querySelector.

Il prend en argument un sélecteur CSS. Exactement comme en CSS.

// Sélectionner par ID (#)
const titre = document.querySelector("#mon-titre");

// Sélectionner par Classe (.)
const bouton = document.querySelector(".btn-primary");

// Sélectionner par Balise
const lien = document.querySelector("a");

// Sélectionner un élément imbriqué
const image = document.querySelector(".card img");

Sélectionner PLUSIEURS éléments (querySelectorAll)

querySelector renvoie le PREMIER élément trouvé. Si tu les veux tous (comme une liste), utilise querySelectorAll.

const tousLesLiens = document.querySelectorAll("a");

tousLesLiens.forEach(lien => {
    console.log(lien.href);
});