element

Ce chapitre fournit une brève référence des méthodes, propriétés et évènements généraux disponibles pour la plupart des éléments HTML et XML au sein du DOM des navigateurs utilisant Gecko.

Plusieurs spécifications du W3C s'appliquent aux éléments DOM :

• La spécification DOM Core — traduction en français (non normative) — décrit les interfaces du noyau partagées par la plupart des objets DOM dans les documents HTML et XML
• La spécification DOM HTML — traduction en français (non normative) — décrit les interfaces pour les objets des documents HTML et XHTML construits sur base de la spécification DOM Core
• La spécification DOM Events — traduction en français (non normative) — décrit les évènements partagés par la plupart des objets DOM, sur base des spécifications DOM Core et Views — traduction en français (non normative).

Les articles listés ici couvrent ces différentes spécifications et fournissent des liens vers celles-ci aux endroits appropriés.

Bien que ces interfaces soient généralement partagées par la plupart des éléments HTML et XML, il en existe d'autres, plus spécialisées, pour des objets particuliers listés dans la spécification DOM HTML — par exemple les interfaces de l'élément HTML Table et de l'élément HTML Form.

Propriétés

Méthodes

Devrait figurer sur une page traitant de NodeList  ; item: Retrouve un nœud dans une <code>NodeList</code> par son indice. (DOM Core, ne fait pas partie de l'interface <code>Element</code>) ?? ; supports: Teste si cette implémentation du DOM gère une fonctionnalité particulière. (DOM Core)

Évènements

Ce sont des propriétés qui correspondent aux attributs d'évènements HTML « on ».

Contrairement aux attributs correspondants, les valeurs de ces propriétés sont des fonctions (ou tout autre objet implémentant l'interface EventListener) plutôt que des chaînes de caractères. En fait, assigner un attribut d'évènement en HTML crée une fonction enveloppante autour du code spécifié. Par exemple, avec le code HTML suivant :

<div onclick="foo();">cliquez ici</div>

Si element est une référence vers cet élément div, la valeur de element.onclick sera :

function onclick(event) {
  foo();
}

Notez la façon dont l'objet event est passé comme paramètre event à cette fonction enveloppante.

onblur

Renvoie le code de gestion d'évènement pour l'évènement blur (perte de focus).

onchange

Renvoie le code de gestion d'évènement pour l'évènement change (modification).

onclick

Renvoie le code de gestion d'évènement pour l'évènement click (clic).

ondblclick

Renvoie le code de gestion d'évènement pour l'évènement dblclick (double clic).

onfocus

Renvoie le code de gestion d'évènement pour l'évènement focus (obtention du focus).

onkeydown

Renvoie le code de gestion d'évènement pour l'évènement keydown (touche enfoncée).

onkeypress

Renvoie le code de gestion d'évènement pour l'évènement keypress (touche pressée).

onkeyup

Renvoie le code de gestion d'évènement pour l'évènement keyup (touche relachée).

onmousedown

Renvoie le code de gestion d'évènement pour l'évènement mousedown (bouton de la souris enfoncé).

onmousemove

Renvoie le code de gestion d'évènement pour l'évènement mousemove (déplacement de la souris).

onmouseout

Renvoie le code de gestion d'évènement pour l'évènement mouseout (sortie du pointeur de la souris).

onmouseover

Renvoie le code de gestion d'évènement pour l'évènement mouseover (passage du pointeur de la souris par dessus l'élément).

onmouseup

Renvoie le code de gestion d'évènement pour l'évènement mouseup (relachement du bouton de la souris).

onresize

Renvoie le code de gestion d'évènement pour l'évènement resize (redimensionnement).

onscroll

Renvoie le code de gestion d'évènement pour l'évènement scroll.

Autres évènements

D'autres Évènements DOM existent, comme DOMSubtreeModified, DOMAttrModified, etc. ainsi que des Évènements DOM spécifiques à Gecko comme DOMContentLoaded, DOMTitleChanged, etc.