Obtention de la position de départ et de la position supérieure d'un élément

Question

En javascript, j'ai un problème avec un script que j'écris. Je dois pouvoir obtenir les positions de début et de gauche d'un objet html comme une table ou une image qui sont définies dans le CSS. Lorsque je définis les décalages gauche (20px) et supérieur (20px) pour la table, je lance la console javascript intégrée à chrome et je fais parseInt (document.getElementById ('component1'). Style.left) pour voir si elle va me donner l'ampleur de la compensation en tant que nombre. Cependant, il renvoie NaN. Je devine parce que le navigateur n'initialise pas ces valeurs (j'ai pensé le placer explicitement dans le CSS, que le navigateur le ferais)

Des idées quant à comment je peux contourner ceci?

Answer 1

Est-ce que jQuery est une option? Si oui:

var offset = $("#component1").offset; 
//use offset.left, offset.top for whatever you need 

Sinon, vous pouvez le faire en boucle, see this answer.