Comment tu passes d’une page HTML statique à un site qui réagit en direct ? Tu veux changer un texte, cacher une image ou ajouter un produit dans un panier ? Pour faire tout ça, tu dois savoir comment interagir avec ta page.
Cet article est un guide complet pour débuter. On va voir ensemble comment manipuler le DOM avec JavaScript, en suivant des étapes simples : sélectionner, modifier, créer et supprimer les éléments de ta page. Pas de blabla, que du concret avec des exemples de code simples à comprendre.
Qu’est-ce que le DOM (Document Object Model) ?
Quand ton navigateur charge une page web, il ne lit pas juste le fichier HTML comme un simple texte. Il le transforme en une sorte de carte ou de plan structuré. C’est ça, le Document Object Model (DOM). C’est une représentation de ton document HTML sous forme d’une arborescence d’objets.
Imagine ton code HTML comme un arbre généalogique. La balise « est le grand ancêtre. Elle a des enfants, comme « et « . À son tour, « a ses propres enfants : `
