HTMLELement représente la superclasse de tous les éléments HTML.

Compatibilité
Cet objet est compatible avec Internet Explorer.Cet objet est compatible avec Netscape.
Disponibilité

Javascript 1.2 côté client

Propriétés
Propriété Description
Pour Internet Explorer
all[] tous les éléments contenus dans un document HTML.
children[] l'enfant direct de l'événement.
className la valeur de l'attrribut CLASS.
document l'objet Document contenant l'élément.
id la valeur de l'attibut ID.
innerHTML le contenu HTML au sein de l'élément concerné.
innerText le texte au ein de l'élément HTML concerné.
lang valeur de l'attribut LANG.
offsetHeight la hauteur de l'élément.
offsetLeft la coordonnée horizontale de l'élément.
offsetParent définition du système de coordonnées de l'élément.
offsetTop la coordonnée verticale de l'élément.
ofsetWidth la largeur de l'élément.
outerHTML le contenu HTML de l'élément.
outerText le texte de l'élément.
parentElement le conteneur de l'élément.
sourceIndex l'index de l'élément dans document.all[].
style le style en ligne de l'élément (STYLE).
tagName le type de balise de l'élément.
title le titre de l'élément (TITLE).
Pour Netscape Navigator
handleEvent(événement) transmission d'un événement au gestionnaire approprié.
Méthodes
Méthode Description
contains(cible) spécifie si un élément est contenu dans un autre.
getAttribute(nom) récupère la valeur d'un attribut.
insertAdjacentHTML(localisation, texte) permet d'insérer du texte HTML avant ou après l'élément.
insertAdjacentText(localisation, texte) permet d'insérer du texte avant ou après l'élément.
removeAttribute(nom) engendre la suppression d'un attribut.
scrollIntoView(sommet) rend un élément visible.
setAttribute(nom, valeur) détermine la valeur d'un attribut.
Evénements
Evénement Description
onclick clic de souris sur un élément HTML.
ondblclick double-clic de souris sur un élément HTML.
onhelp pression sur la touche F1 (IE).
onkeydown pression sur une touche du clavier.
onkeypress relachement d'une touche après l'avoir enfoncée.
onkeyup relachement d'une touche du clavier.
onmousedown pression sur un bouton de la souris.
onmousemove déplacement du curseur de la souris au sein de l'élément.
onmouseout déplacement du curseur de la souris hors de la zone de l'élément.
onmouseover survol du curseur de la souris sur la zone de l'élément.
onmouseup relachement d'un bouton de la souris.
Exemple [voir] 
<html>
  <head>
    <style>
      .intro
      {
        position:absolute;
        left:0;
        top:0;
        layer-background-color:green;
        background-color:green;
        border:0.1px solid green;
        z-index:10;
      }
    </style>
  </head>
  <body>
    <div id="i1" class="intro"></div>
    <div id="i2" class="intro"></div>
    <div id="i3"class="intro"></div>
    <div id="i4" class="intro"></div>
    <div id="i5" class="intro"></div>
    <div id="i6" class="intro"></div>
    <div id="i7" class="intro"></div>
    <div id="i8" class="intro"></div>

    <script language="JavaScript1.2">
      var ns4 = document.layers ? 1 : 0;
      var ie4 = document.all ? 1 : 0;
      var ns6 = document.getElementById && !document.all ? 1 : 0;
      var speed = 20;
      var temp = new Array();
      var temp2 = new Array();
      if (ns4)
      {
        for (i = 1; i <= 8; i++)
        {
        temp[i] = eval("document.i" + i + ".clip");
        temp2[i] = eval("document.i" + i);
        temp[i].width = window.innerWidth / 8 - 0.3;
        temp[i].height = window.innerHeight;
        temp2[i].left = (i - 1) * temp[i].width;
        }
      }
      else if (ie4 || ns6)
      {
        var clipbottom = ns6 ? window.innerHeight : 
                             document.body.offsetHeight;
        cliptop = 0;
        for (i = 1; i <= 8; i++)
        {
          temp[i] = ns6 ? document.getElementById("i" + i).style : 
                             eval("document.all.i" + i + ".style");
          temp[i].width = ns6 ? window.innerWidth / 8 - 2 : 
                             document.body.clientWidth / 8;
          temp[i].height = ns6 ? window.innerHeight : 
                             document.body.offsetHeight;
          temp[i].left = (i - 1) * parseInt(temp[i].width);
        }
      }

      function openit()
      {
        window.scrollTo(0,0);
        if (ns4)
        {
          for (i = 1; i <= 8; i = i + 2)
            temp[i].bottom -= speed;
          for (i = 2; i <= 8; i = i + 2)
            temp[i].top += speed;
          if (temp[2].top > window.innerHeight)
            clearInterval(stopit);
        }
        else if (ie4 || ns6)
        {
          clipbottom -= speed;
          for (i = 1; i <= 8; i = i + 2)
          {
            temp[i].clip = "rect(0 auto+" + clipbottom + " 0)";
          }
          cliptop += speed;
          for (i = 2; i <= 8; i = i + 2)
          {
            temp[i].clip = "rect(" + cliptop + " auto auto auto)";
          }
          if (clipbottom <= 0)
          {
            if (ns6)
            {
              for (i = 1; i <= 8; i++)
                temp[i].display = "none";
            }
            clearInterval(stopit);
          }
        }
      }
      function gogo()
      {
        stopit = setInterval("openit()", 100);
      }
      gogo();
    </script>
  </body>
</html>
En savoir plus :
W3C - HTMLElement