comment trouver la position d'un élément dans un div

Question

comment trouver la position d'un élément dans un div

par exemple:

<div style="width:100px;overflow:hidden"> 
<img id="img_1" src=""/> 
<img id="img_2" src=""/> 
</div> 
<input type="button" onclick"fnscroll()"> 

considèrent la deuxième image est cachée.

comment amener ce deuxième img dans la zone visible de la div? en un seul clic.

comment trouver la position img-à-dire, la position xy

utilisant javascript

Answer 1

Remplacer <ELEMENT> avec élément DOM document Pour coordonnées x, y

var x=<ELEMENT>.style.left 
var y=<ELEMENT>.style.top 

Utiliser les mêmes propriétés pour apporter image à la zone visible

Et si vous voulez une position absolue de boucle d'image sur elle jusqu'à ce que vous find body tag

Answer 2

Si vous souhaitez placer chaque image dans la div au même endroit, vous pouvez envisager de définir le style de position sur absolu et modifier l'index z des images via javascript.

Exemple de CSS:

div img { position: absolute; top: 0; left:0; } 
#img_1 {z-index: 1;} 
#img_2 {z-index: 2;}