en utilisant javascript pour trouver la position des éléments DOM

Question

Je veux inspecter l'organisation spatiale des éléments sur une page Web. Puis-je obtenir un exemple de code et des pointeurs vers des ressources?

Merci.

Answer 1

Si vous voulez bien, le code modulaire que vous pouvez lire et extraire facilement seulement les bits que vous voulez, MyLibrary essayez David Mark (que vous utilisez pour construire votre bibliothèque). Je trouve que les bibliothèques comme jQuery sont si intrinsèquement liées et dépendent de leurs propres fonctionnalités que d'essayer de retrouver toutes les fonctions et de re-cartographier les propriétés est un exercice de frustration. D'autre part, MyLibrary est écrit pour être très modulaire dès le départ et fournit de meilleures fonctionnalités cross-navigateur.

Answer 2

Vous n'avez pas demandé jQuery, mais vous voudrez peut-être consulter le plugin jQuery dimensions.

Answer 3

Ici, vous allez:

function position(elem) { 
    var left = 0, 
     top = 0; 

    do { 
     left += elem.offsetLeft; 
     top += elem.offsetTop; 
    } while (elem = elem.offsetParent); 

    return [ left, top ]; 
} 

démonstration en direct:http://jsfiddle.net/dDyZF/2/