如何找到一个元素的位置，一个div

Question

内如何找到一个div

例如中的元素的位置：

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

考虑第二图像隐藏。

如何将第二个img带入div的可见区域？点击一下按钮。

如何使用JavaScript

Answer 1

找到IMG位置即XY位置

与DOM文档 元素替换<ELEMENT>要查找x，y坐标

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

使用相同的属性，使图像到可见区域

如果你想要图像的绝对位置循环它直到你找到身体标记

Answer 2

如果您想要将div中的每个图像放在同一位置，您可能需要考虑将位置样式设置为绝对位置，并通过javascript更改图像的z-index。的CSS

例子：

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