Test des propriétés des éléments HTML avec les navigateurs.
Les propriétés non supportées par un navigateur sont undefined.
Même si elles sont supportées, la plupart des propriétés ont des valeurs différentes selon les navigateurs!
Attention: La déclaration DOCTYPE peut affecter ces valeurs.
screen.height / width
window.innerHeight / Width (Firefox)
document.documentElement.offsetLeft / Top / Height / Width
document.documentElement.scrollLeft / Top / Height / Width
document.body
document.body.offsetLeft / Top / Height / Width
document.body.clientLeft / Top / Height / Width
document.body.scrollLeft / Top / Height / Width
<div id="demo"></div>
var element = document.getElementById("demo");
Height et Width sont la hauteur (25) et la largeur (32) de l'élément demo, définies dans la feuille de style.
Left et Top s'ajoutent normalement aux valeurs des propriétés left et top définies par le style.
element.offsetLeft / Top / Height / Width
element.clientLeft / Top / Height / Width
element.scrollLeft / Top / Height / Width
element.offsetParent
Retourner au tutoriel: Window en JavaScript.
(c) 2009 Xul.fr.