Scribd
Importer
0 vues2 pages

javascript-document

L'objet document en JavaScript représente le document HTML chargé dans le navigateur et permet aux développeurs d'interagir avec les éléments de la page. Il offre plusieurs méthodes clés, telles que getElementById(), getElementsByClassName(), getElementsByTagName() et querySelector(), pour accéder et manipuler dynamiquement le contenu. La maîtrise de ces méthodes est essentielle pour améliorer l'efficacité du développement Web et créer des applications interactives.

Transféré par

Abdoulaye Diouf
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 PDF, TXT ou lisez en ligne sur Scribd
0 vues2 pages

javascript-document

L'objet document en JavaScript représente le document HTML chargé dans le navigateur et permet aux développeurs d'interagir avec les éléments de la page. Il offre plusieurs méthodes clés, telles que getElementById(), getElementsByClassName(), getElementsByTagName() et querySelector(), pour accéder et manipuler dynamiquement le contenu. La maîtrise de ces méthodes est essentielle pour améliorer l'efficacité du développement Web et créer des applications interactives.

Transféré par

Abdoulaye Diouf
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 PDF, TXT ou lisez en ligne sur Scribd

Internet | Création de pages Web | Javascript | JavaScript - L'objet document

JavaScript - L'objet document


L'objet document en JavaScript est une interface représentant le document HTML chargé dans la fenêtre du
navigateur. Il fournit des méthodes pour interagir avec les éléments HTML de la page, ainsi que pour accéder et
manipuler leur contenu. Dans cet article, nous allons explorer l'objet document et mettre en évidence quatre de ses
principales méthodes.

Qu'est-ce que l'Objet Document ?


L'objet document est un objet global disponible dans l'environnement JavaScript d'une page Web. Il représente
l'ensemble du document HTML chargé dans le navigateur et offre un accès complet à ses éléments et à son
contenu. Grâce à l'objet document, les développeurs peuvent manipuler dynamiquement la structure et le contenu
de la page Web.

1. getElementById()
La méthode getElementById() permet de récupérer un élément HTML à partir de son identifiant unique (ID). Elle
prend en paramètre l'ID de l'élément que vous souhaitez récupérer et renvoie une référence à cet élément.

Exemple :

1 let element = [Link]("monElement");

2. getElementsByClassName()
La méthode getElementsByClassName() permet de récupérer une liste d'éléments HTML qui ont la même classe
CSS. Elle prend en paramètre le nom de la classe que vous souhaitez rechercher et renvoie une collection HTML
des éléments correspondants.

Exemple :

1 let elements = [Link]("maClasse");

3. getElementsByTagName()
La méthode getElementsByTagName() permet de récupérer une liste d'éléments HTML avec le nom de balise
spécifié. Elle prend en paramètre le nom de la balise que vous souhaitez rechercher et renvoie une collection
HTML des éléments correspondants.

Exemple :

1 let elements = [Link]("div");

4. querySelector()
La méthode querySelector() permet de récupérer le premier élément HTML qui correspond à un sélecteur CSS
spécifié. Elle prend en paramètre le sélecteur CSS que vous souhaitez utiliser et renvoie une référence à l'élément
correspondant.

Exemple :

© 2025 Mr. Lambrechts [Link] 1|2


1 let element = [Link]("#monId");

Conclusion
L'objet document en JavaScript est un outil puissant pour interagir avec les éléments et le contenu d'une page
Web. Avec ses méthodes telles que getElementById(), getElementsByClassName(), getElementsByTagName() et
querySelector(), les développeurs peuvent facilement accéder aux éléments de la page, les manipuler et les
mettre à jour dynamiquement. En comprenant et en maîtrisant l'utilisation de ces méthodes, vous pouvez
améliorer votre efficacité en développement Web et créer des applications interactives et dynamiques.

© 2025 Mr. Lambrechts [Link] 2|2

Vous aimerez peut-être aussi