Please enable JavaScript.
Coggle requires JavaScript to display documents.
DOM(Document.Object.Model) (Définition (Le DOM définit une norme pour…
DOM(Document.Object.Model)
Définition
Le Document Object Model (DOM)
est une interface de programmation normalisée par le W3C, qui permet à des scripts d'examiner et de modifier le contenu du navigateur
web1. Par le DOM, la composition d'un document HTML ou XML est représentée sous forme d'un jeu d'objets – lesquels peuvent représenter une fenêtre, une phrase ou un style, par
exemple – reliés selon une structure en arbre1. À l'aide du DOM, un script peut modifier le document présent dans le
navigateur en ajoutant ou en supprimant des nœuds de
l'arbre1
Le DOM
définit une norme pour l'accès aux documents, La
norme DOM W3C est séparée en trois
parties distinctes.
DOM XML - modèle standard pour les documents XML
DOM HTML - modèle standard pour les documents HTML
Noyau DOM - modèle standard pour tous les types de documents
Le DOM
est une interface de programmation
Modification de l'arbre
Creation des noeuds
window.document.createElement(tagName) : retourne l'élément créé
nom à l'élément ; retourne l'élément créé
window.document.createElementNS(namespaceURI, tagName) : pour fixer un espace de
window.document.createTextNode(text) : retourne le nœud texte
créé
window.document.createAttribute(name) : retourne le nœud
attribut créé
Modification de l'arbre DOM
n.cloneNode(deepOrNot) : retourne l'objet résultat de la copie
n.replaceChild(newNode, oldNode) : retourne l'objet remplacé
n.appendChild(nodeToAppend) : retourne l'objet inséré
n.insertBefore(nodeToInsert, childRef) : retourne l'objet inséré
n.removeChild(nodeToRemove) : retourne l'objet supprimé
DOM est conçu de façon générique, et comporte des objets. Il s'agit d'un modèle abstrait, indépendant
de tout langage
Les objets du DOM disposent de propriétés et de méthodes permettant de les manipuler avec JavaScript
Chaque nœud est un objet, et des méthodes permettent d'accéder aux nœuds en relation avec un nœud donné.
les evenements
Événements formulaire
onfocus — lorsque l'élément obtient le focus (ou devient actif)
onchange — à la perte du focus, si la valeur a changé
onsubmit — quand le formulaire est validé (via un bouton ou une fonction
Événements clavie
onkeyup — lorsqu'une touche est relâchée
onkeydown — lorsqu'une touche est enfoncée
onkeypress — lorsqu'une touche est pressée et relâchée
Événements souris
onmousemove---lorsque le curseur est déplacé
onclick — sur un simple clic
Changement d’un contenu HTML en utilisant les événements
:Un script JavaScript peut être exécuté lorsqu'un événement se produit, comme quand un utilisateur clique sur un élément HTML Pour exécuter du code lorsque l'utilisateur clique sur un élément, ajouter du code JavaScript à un attribut d'événement HTML