DOM

Attributs de gestion d’événements

  • onclick ; ondbclick ; onmouseover ; onmouseout ; onmousedown ; onmouseup ; onmousemove ; onkeypress ; onkeydown ; onkeyup
  • onload / onunload activés au chargement/à la fermeture de la page ; utilisables avec les éléments body et frameset
  • onsubmit / onreset activés à la soumission/remise à zéro d’un formulaire ; utilisables avec form
  • onselect activé quand l’utilisateur sélectionne un champ de saisie ; utilisable avec input et textarea
  • onchange activé quand l’utilisateur modifie un champ de saisie ; utilisable avec input, select et textarea
  • onfocus / onblur activés quand l’utilisateur sélectionne l’élément avec la souris/par la tabulation ; utilisables avec a, area, input, select, textarea, button et label

Accès aux éléments à partir du document

  • getElementById(id)
  • getElementByName(name)
  • getElementsByTagName(balise)
  • querySelector() / querySelectorAll()

Accès aux nœuds à partir d’un élément

Accéder aux descendants de l’élément :

  • getElementsByTagName()
  • getAttribute(attribut)

Accès aux attributs

Propriété attributes tableau d’attributs présents dans l’élément

Accès aux nœuds enfants

  • childNodes
  • firstChild / lastChild

Accès aux nœuds-frère

  • previousSibling
  • nextSibling

Accès aux nœuds-ancêtre

  • parentNode
  • documentElement renvoie l’élément racine de la page

Informations sur le nœud

  • nodeName renvoie le nom du nœud en majuscules
  • nodeType
  • hasChildNodes()
  • hasAttributes()

Modification d’attributs

  • id / className
  • style.propriétéCSS
  • lang
  • tabIndex
  • setAttribute(attribut,valeur)

Modification d’éléments

  • replaceChild(newChild,oldChild) remplace un élément par un autre (déjà créé)
  • innerHTML
  • nodeValue renvoie la valeur d’un nœud

Création de nœuds

Attention Le nœud-parent est déjà existant.

  • createElement(balise)
  • createTextNode(string)
  • createNode(bool) création d’une copie de l’élément courant :
    • false balise + attributs copiés
    • true false + contenu élément
  • appendChild()
  • setAttribute()
  • insertBefore() / insertAfter()

Suppression de nœuds

  • removeChild()
  • removeAttribute()
  • removeAttributeNode()