Please enable JavaScript.
Coggle requires JavaScript to display documents.
le javascrpt - Coggle Diagram
le javascrpt
MANIPULATION DU DOM EN JAVASCRIPT
DOM(document Object modèle)
est une API qui s'utilise avec les documents HTML et qui permet via javascript d'accéder au code HTML
représente tout le contenu de la page web sous forme d'une héarchie d'object
object window :
représente la fenetre du navigateur
représente l'objet le plus haut dans le nav
les méthodes
ouverture du fenêtre
gestion de miniteur
gestion de boites de dialogue
gestion des fenêtre
Object document
t s’affichant à l’intérieur de
la fenêtre
est le “point d’entrée”
principal de la page
les méthodes
get element by name
Retourne une collection d'éléments HTML qui ont le même attribut name.
get element by tag name
Retourne une collection d'éléments HTML qui ont le même nom de balise
query selector
Sélectionne le premier élément qui correspond à un sélecteur CSS spécifié.
query selector all
Sélectionne tous les éléments qui correspondent à un sélecteur CSS
spécifié.
get element by id
Accède à un élément HTML en utilisant son ID unique
les propriété
document.title
document.body
document. Head
document.forme
document.link
document.image
modification de style
node.style.property = new_style
modification des attribues
node.attribue=ma valeur
node.src
node.href
modification et récupération de continue
text content
permet de faire le même travail que innerHTML sauf qu’elle ne prend pas en charge les balises HTML
inner HTML
permet d'accéder au contenu HTML à l'intérieur d'un élément, y compris les balises HTML
Accès à un formulaire et ses éléments
Méthode 3: Accès par la valeur de l’attribut "name"
Généralement, c’est la méthode la plus utilisée
Méthode 2: Hiérarchie arbre DOM
document.forms[index].
document.forms[index].elements[index
Méthode 1: on peut utiliser les méthodes de l’objet document (getElementById, querySelector, …) pour sélectionner
les éléments d’un formulaire
Manipulation des données du formulaire
Récupération du contenu d’un élément avec la propriété value
let variable = nom_de_l'objet.value
Modification du contenu d’un élément avec la propriété value
nom_de_l'objet.value = ma_Valeur
ou en écrit le code HTML
dans la balise ouvrante d'un élement html
c'est qoui
langage de programmation
un langage (principalement) côté client
un langage interprété
Il va pouvoir être exécuté directement sous réserve qu’on possède le logiciel interpréteu
Tous les navigateurs connus possèdent leur interpréteur JavaScript
un langage de scripts
ui incorporé aux balise HTML
script c'est quoi?
ensemble d’instructions permettant de réaliser des actions
seront exécutés (interprétés) par le navigateur
un langage dynamique
permet de manipuler des contenue HTML ou des style CSS en fontion
évenement
un variable
un langage orienté objet
La programmation orientée objet est une façon de concevoir un code autour du concept
.
objet
fonction(méthode)
variable(proprieté)