Test de Compatibilité

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

Body

document.body

document.body.offsetLeft / Top / Height / Width

document.body.clientLeft / Top / Height / Width

document.body.scrollLeft / Top / Height / Width

Avec un élément quelconque

<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.