Mozilla Référence DHTML multi navigateurs

La référence DOM
Propriétés NN4x IE4x OP4x NN6+ IE5+ OP5+
Largeur de fenêtre window.innerWidth window.document.body.clientWidth window.innerWidth window.innerWidth window.document.body.clientWidth window.innerWidth
Hauteur de fenêtre window.innerHeight document.body.clientHeight window.innerHeight window.innerHeight document.body.clientHeight window.innerHeight
Décalage de défilement du document
Document Scroll Offset (DSOC)
pageXOffset
pageYOffset
document.body.scrollLeft
document.body.scrollTop
  pageXOffset
& pageYOffset
   
Propriétés des feuilles de style document.layers["layerID"].property
document.layerID.property
Seulement bon pour les propriétés des layers.
document.all["elementID"].style.property
document.all.elementID.style.property
  document.getElementById("elementID").style.property
Objets HTML document.styleID.document.object document.all.styleID.style.object        
Elements positionnés en absolu (couche) document.layers["layerID"] document.all["layerID"] document.getElementById("layerID") document.getElementById("layerID")
La propriété left des couches document.layers["layerID"].left
Représenté par un nombre. Ex : 100
document.all["layerID"].style.pixelLeft
Représenté par une chaîne. Ex : 100px
document.getElementById("layerID").style.pixelLeft
Représenté par un nombre. Ex : 100
document.getElementById("layerID").style.left
Représenté par une chaîne pour NN6 et IE5. Ex : 100px.
Représenté par un nombre pour OP5. Ex : 100
La propriété top document.layers["layerID"].top
Représenté par un nombre. Ex : 100
document.all["layerID"].style.pixelTop
Représenté par une chaîne. Ex : 100px
document.getElementById("layerID").style.pixelTop
Représenté par un nombre. Ex : 100
document.getElementById("layerID").style.top
Représenté par une chaîne pour NN6 et IE5. Ex : 100px.
Représenté par un nombre pour OP5. Ex : 100
Déplacer une couche document.layers["elementID"].moveTo(x, y)
x et y sont des entiers.
document.all["elementID"].style.pixelLeft = x
document.all["elementID"].style.pixelTop = y
x et y sont des entiers.
  document.getElementById("elementID").style.left = "100px"
document.getElementById("elementID").style.top = "40px" or
document.getElementById("elementID").style.left = x + "px"
document.getElementById("elementID").style.top = y + "px"
x et y sont des entiers.
Visibilité des couches document.layers["layerID"].visibility
Les valeurs possibles sont : "show", "hide", ou "inherit".
document.all[elementID].style.visibility = "hidden"
Les valeurs possibles sont : "hidden", "visible", ou "inherit".
document.getElementById("elementID").style.visibility
Les valeurs possibles sont : "hidden", "visible", ou "inherit".
Largeur des couches Non supporté document.all[layerID].style.pixelWidth document.getElementById("layerID").style.pixelWidth document.getElementById("layerID").style.width
document.getElementById("layerID").style.offsetWidth
document.getElementById("layerID").style.pixelWidth
Hauteur des couches Non supporté document.all[layerID].style.pixelHeight document.getElementById("layerID").style.pixelHeight document.getElementById("elementID").style.height document.getElementById("layerID").style.pixelHeight
dépassement des couches       document.getElementById("elementID").style.overflow
Les valeurs valides pour la propriété overflow sont : "auto", "hidden", "scroll"
La propriété Clip       document.getElementById("elementID").style.clip
La propriété clip prend la forme suivante : "rect(0px 50px 50px 20px)"
ou peut-être mise automatiquement par : "rect(auto auto auto auto)"code>
Couleur d'arrière-plan des couches document.layers["layerID"].bgColor document.all["layerID"].style.backgroundColor Non supporté document.getElementById("layerID").style.backgroundColor document.getElementById("layerID").style.background
Image d'arrière-plan des couches document.layers["elementID"].background Non supporté Non supporté document.getElementById("elementID").style.backgroundImage Non supporté Non supporté
Couleur des bordures       document.getElementById("elementID").style.borderColor
Style des bordures       document.getElementById("elementID").style.borderStyle
Largeur des bordures       document.getElementById("elementID").style.borderWidth
Contenu de la couche Pour changer le contenu : document.layers["layerID"].load("pathNfileName", largeur) document.all[elementID].innerHTML Non supporté document.getElementById("elementID").innerHTML
(Ne fait pas parti du standard W3)
Non supporté
Couleurs des polices Non supporté document.all[layerID].style.color Non supporté document.getElementById("elementID").style.color
Position relative de la couche dans la page document.layers["layerID"].pageX
document.layers["layerID"].pageY
         
La propriété Z-Index des élements document.layers["layerID"].zIndex
Cela doit être 0 ou un entier positif.
         
             

Faire un commentaire.

(Site mise a jour le mardi 16 mars 2004)

Ce document à une CSS valide Ce document est conforme au XHTML 1.0