Scribd
Importer
11 vues11 pages

Comprendre le DOM en JavaScript

Transféré par

tebai.hajar01
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PPTX, PDF, TXT ou lisez en ligne sur Scribd
11 vues11 pages

Comprendre le DOM en JavaScript

Transféré par

tebai.hajar01
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PPTX, PDF, TXT ou lisez en ligne sur Scribd

JS DOM

JavaScript Document Object Model


Plan

01 02
Pourquoi utiliser 03
Comment utiliser
C’est quoi DOM ? DOM ? DOM ?

04
Conclusion
C’est quoi DOM ?

Le DOM (Document Object Model) est la


structure hiérarchique d'une page web,
qui permet à JavaScript de manipuler
dynamiquement les éléments HTML et
leur style.
Pourquoi utiliser DOM ?
Contrôle des éléments

Modification dynamique
Personnalisation de
l'expérience utilisateur

Interactivité accrue
Chargement conditionnel
de contenu

Mise à jour en temps réel


Comment utiliser DOM ?

Structure DOM nodes


Sélection d’un élément
la sélection d'éléments dans le DOM permet
d'accéder aux éléments HTML pour les manipuler,
on a :

• [Link]("id")

• [Link]("class")

• [Link]("tag")

• [Link]("selector")

• [Link]("selector")
Modification d’un
élément
Modification du contenu

• [Link]

• [Link]

• [Link]

Modification du style

• [Link]
Création d’un élément
[Link] d’ élément

• [Link]("tag")

[Link] au DOM

• [Link](nouveauElement)
Suppression d’un
élément
• [Link](enfant)

• [Link]()

• [Link] = ""
Conclusion
Le DOM permet de modifier
dynamiquement les éléments d'une
page web, rendant l'interaction plus
fluide. Maîtriser ses méthodes de
sélection, création et suppression est
crucial pour développer des interfaces
modernes et engageantes.
MERCI !!

Vous aimerez peut-être aussi